[CLOSED] Gridpanel vertical scroll Razor

  1. #1

    [CLOSED] Gridpanel vertical scroll Razor

    How to setup gridpanel vertical scroll?
    Last edited by Daniil; Aug 14, 2014 at 4:31 AM. Reason: [CLOSED]
  2. #2
    Hi @matrixwebtech,

    A vertical scrollbar should appear automatically if there is no enough room for rows. So, please provide a test case.
  3. #3
    VIEW

     @(
        Html.X().GridPanel()
        .ID("GridPanel1")
                .Title("Plants")
                .Frame(true)
                .Height(300)
                .Width(200)
                .Scroll(ScrollMode.Both)
                .AutoScroll(true)
                
                .Store(
                    Html.X().Store()
                    .DataSource( ViewBag.loadgrid)
            
                        .PageSize(5)
                          .Model
                 (
                    X.Model()
                    .Fields
                    (
                       X.ModelField().Name("Common").Type(ModelFieldType.String)
                       
                         
                    )
                  
                 )
                )
                .ColumnModel(
                  
                    Html.X().Column().DataIndex("Common").Text("Common Name").Flex(1)
                   
                    
                    
                )
                 .SelectionModel(
                X.CheckboxSelectionModel()                
                    .Mode(SelectionMode.Multi)
                   
                )
                        .Plugins
                        (
                        Html.X().FilterHeader()
                            
                        )
                       
                        .BottomBar(
                            Html.X().PagingToolbar()
                                .DisplayInfo(true)
                                .DisplayMsg("Displaying plants {0} - {1} of {2}")
                                .EmptyMsg("No plants to display")
                        )
        )
    CONTROLLER

    public ActionResult Index()
            {
                //X.GetCmp<DateField>("dt").SetValue(DateTime.Now.ToString("dd-MM-yyyy"));
                ViewBag.loadgrid = dragtrack.Plant.GetPlants();
                return View();
            }
    MODEL


    public class dragtrack
    {
    
        public class Plant
        {
            public string Common
            {
                get;
                set;
            }
    
           
    
    
    
            public static List<Plant> GetPlants()
            {
                return new List<Plant> { 
                    new Plant 
                    {
                        Common = "Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot Bloodroot ",
                       
                       
                    }, 
     
                    new Plant 
                    {
                        Common = "Columbine",
                        
                        
                    }, 
     
                    new Plant
                    {
                        Common = "Marsh Marigold",
                      
                        
                    }, 
                     
                    new Plant
                    {
                        Common = "Cowslip",
                       
                        
                    }, 
                     
                    new Plant
                    {
                        Common = "Dutchman's-Breeches",
                       
                        
                    }, 
                     
                   
                };
            }
        }
    }
    I set grid property
    .Scroll(ScrollMode.Both)
                .AutoScroll(true)
    but full data not showing in 1st row.for this kind of situation I need a vertical scroll
  4. #4
    A scrollbar for one row? Well, there is no such the functionality.

    It looks the only thing I can suggest is setting up this option for the Column:
    .Wrap(true)
  5. #5
    Thanks for help.its works fine.

Similar Threads

  1. [CLOSED] BufferedRenderer + FilterHeader = Vertical scroll problem
    By Arbee in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 17, 2014, 2:39 PM
  2. Replies: 0
    Last Post: Jan 22, 2014, 7:53 AM
  3. Replies: 8
    Last Post: Jun 06, 2013, 12:42 PM
  4. Problem with Vertical Scroll in GridPanel
    By vnmacedo in forum 2.x Help
    Replies: 3
    Last Post: Nov 19, 2012, 3:04 PM
  5. Replies: 1
    Last Post: Jul 18, 2011, 8:40 AM

Posting Permissions