datagrid布局之后台查询和条件查询

一、easyui布局

如果要学习datagrid首先要看它的实例，再看它的文档，然后再看下图，它有最简单的方式。

变动的地方

新建了一个book.js，将文档里的实例代码复制过来，将datagrid_data1.json列字段与js里的列字段相对应，这里只取了三个。

$(function(){
   
	$('#dg').datagrid({
       
	    url:'datagrid_data1.json',    
	    columns:[[    
	        {
   field:'productid',title:'产品id',width:100},    
	        {
   field:'productname',title:'名称',width:100},    
	        {
   field:'unitcost',title:'单价',width:100,align:'right'}    
	    ]]    
	}); 
})

现在所出的效果如下图：

数据出来了，但是还有个问题，还有个分页,加了这句，不过现在还是死的，后期会把它弄活