jQuery EasyUI ComboGrid 分页查询

最新推荐文章于 2021-08-05 17:12:59 发布

转载最新推荐文章于 2021-08-05 17:12:59 发布 · 182 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/snail0223/p/4263735.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用 EasyUI 的 Combogrid 控件的具体实例，该实例展示了如何配置 Combogrid 的各种属性，如分页、编辑等功能，并通过 POST 方法获取数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 $('#query_camera').combogrid({
 2             panelWidth:400,
 3             idField:'id',
 4             textField:'name',
 5             url:queryUrl,
 6             multiple:true,  
 7             fitColumns: true,  
 8             striped: true,  
 9             editable:true,  
10             pagination : true,//是否分页  
11             rownumbers:true,//序号  
12             collapsible:false,//是否可折叠的  
13             pageSize: 10,//每页显示的记录条数，默认为10  
14             pageList: [10,20,50],//可以设置每页记录条数的列表  
15             method:'post',  
16             columns:[[  
17                 {field:'checkbox',checkbox:true},  
18                 {field:'name',title:'监控点名称',width:150} 
19             ]], 
20             keyHandler: {
21                 up: function () {
22                 
23                 },
24                 down: function () {
25                 
26                 },
27                 left: function () {
28                      
29                 },
30                 right: function () {
31                 
32                 },
33                 enter: function () {
34                 
35                 },
36                 query: function (q) {
37                     $('#query_camera').combogrid("grid").datagrid("reload", { 'name': q });
38                     $('#query_camera').combogrid("setValue", q);
39                 }
40              }  
41       });