Reference
<link href= ". /.. /dhtmlxgridscripts/dhtmlxgrid.css "rel=" stylesheet "type=" Text/css "/>
<link href= ". /.. /dhtmlxgridscripts/dhtmlxgrid_skins.css "rel=" stylesheet "type=" Text/css "/>
<script src= ". /.. /dhtmlxgridscripts/dhtmlxcommon.js "type=" Text/javascript "></script>
<script src= ". /.. /dhtmlxgridscripts/dhtmlxgrid.js "type=" Text/javascript "></script>
<script src= ". /.. /dhtmlxgridscripts/dhtmlxgridcell.js "type=" Text/javascript "></script>
<script src= ". /.. /scripts/jquery-1.4.4.js "type=" Text/javascript "></script>
<script> Window.dhx_globalimgpath = ". /.. /dhtmlxcomboscripts/imgs/"; </script>
<script src= ". /.. /dhtmlxgridscripts/ext/dhtmlxgrid_srnd.js "type=" Text/javascript "></script>
<div id= "Gridbox1" style= "height:100%; width:500px "></div>
<script type= "Text/jscript" >
var Mygrid; Define Mygrid
$ (function () {
Mygrid = new Dhtmlxgridobject (' Gridbox1 ');
Mygrid.setheader ("Title I, title two, Title III"); Set the header of a grid
Mygrid.setinitwidths ("150,150,150")
Mygrid.setcoltypes ("cntr,ro,ed");
Mygrid.setcolalign ("Center,center,center");
Mygrid.setcolsorting ("Na,str,str");
Mygrid.setskin ("Dhx_skyblue");
Mygrid.setcolumncolor ("#B0CDAF");
Mygrid.init (); Initialization
Mygrid.enablesmartrendering (TRUE); Load Big Data
Mygridjiazai (); Invoke method, load data (database query)
});
function Mygridjiazai () {
$.ajax ({
Type: "POST",
URL: "/main/getdemodata",
Cache:false,
Success:function (Result) {
Mygrid.parse (Result, "Jsarray");
}
});
}
</script>
Public ActionResult Getdemodata ()
{
ArrayList jsonlist = new ArrayList ();
foreach (DataRow Dr in Demo.demodata (). Rows)
{
Jsonlist.add (New ArrayList () {dr["ID"], dr["Name"], dr["Content"});
}
String json = Demo.datatable2json (Demo.demodata ());
Return Json (Jsonlist, jsonrequestbehavior.allowget);
}
DHTMLX Dhtmlxgrid Display Data--Big data