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