和记娱乐博娱188_机器人论坛

jquery-easyui中应用datagrid来加载远程数据，必须设置url属性，如下所示：

$('#tt').datagrid({

title:'Load Data',

iconCls:'icon-save',

width:600,

height:250,

url:'/demo3/data/getItems',

columns:[[

{field:'itemid',title:'Item ID',width:80},

{field:'productid',title:'Product ID',width:80},

{field:'listprice',title:'List Price',width:80,align:'right'},

{field:'unitcost',title:'Unit Cost',width:80,align:'right'},

{field:'attr1',title:'Attribute',width:100},

{field:'status',title:'Status',width:60}

]],

pagination:true

});

分页时必要设置pagination:true，这样，在表格下方将显示分页对象栏。分页对象栏将向办事器发送二个参数：

page: 页号，从1计起。

rows: 每页记录大年夜小。

后台数据应用etmvc框架编写，首先定义数据模型：

@Table(name="item")

public class Item extends ActiveRecordBase{

@Id public String itemi和记娱乐博娱188d;

@Column public String productid;

@Column public java.math.BigDecimal listprice;

@Column 和记娱乐博娱188public java.math.BigDecimal unitcost;

@Column public String attr1;

@Column p和记娱乐博娱188ublic String 和记娱乐博娱188status;

}

编写节制器代码：

public class DataController extends ApplicationController{

/**

* get 和记娱乐博娱188item data

* @param page page index

* @param rows rows per page

* @return JSON format string

* @throws Exception

*/

public View getItems(int page, int rows) throws Exception{

long total = Item.count(Item.class, null, null);

List items = Item.findAll(Item.class, null, null, null, rows, (page-1)*rows);

Map result = new HashMap();

result.put("total", total);

result.put("rows", items);

return new JsonView(result);

}

}

支配运行法度榜样，将会输出datagrid部件：

原文及典型下载地址：http://jquery-easyui.wikidot.com/tutorial:datagrid2