如何设定flexigrid 第一加载数据时,加载指定页数的数据
如何设定flexigrid 第一加载数据时,加载指定页数的数据;
$("#menuflexlist").flexigrid({
url: 'control_menu_json.php',
dataType: 'json',
colModel : [
{display: '编号', name : 'id', width : 40, sortable : true, align: 'center'},
{display: '图标', name : 'SmallIcon', width : 40, sortable : true, align: 'center'},
{display: '菜单名称', name : 'MenuName', width : 160, sortable : true, align: 'left'},
{display: '父类名称', name : 'ParentMenu', width : 160, sortable : true, align: 'left'},
{display: '目标链接', name : 'MenuUrl', width : 200, sortable : true, align: 'left', hide: true},
{display: '排序编号', name : 'OrderID', width : 80, sortable : true, align: 'right'},
{display: '状态', width : 40, align: 'center'},
{display: '操作', width : 120, align: 'center'}
],
buttons : [
{name: '新建', bclass: 'add', onpress : menuop},
{name: '移除', bclass: 'trash', onpress : menuop},
{separator: true}
],
searchitems : [
{display: '菜单名称', name : 'MenuName', isdefault: true},
{display: 'Name', name : 'name'}
],
sortname: "id",
sortorder: "asc",
usepager: true,
title: '菜单列表',
useRp: true,
page: 2,
total: 2,
rp: 15,
rpOptions:[10,15,20,25,40,50,100],
singleSelect:false,
showTableToggleBtn: true,
width: 'auto',
height: 300
});
$("#menuflexlist").flexigrid({
url: 'control_menu_json.php',
dataType: 'json',
colModel : [
{display: '编号', name : 'id', width : 40, sortable : true, align: 'center'},
{display: '图标', name : 'SmallIcon', width : 40, sortable : true, align: 'center'},
{display: '菜单名称', name : 'MenuName', width : 160, sortable : true, align: 'left'},
{display: '父类名称', name : 'ParentMenu', width : 160, sortable : true, align: 'left'},
{display: '目标链接', name : 'MenuUrl', width : 200, sortable : true, align: 'left', hide: true},
{display: '排序编号', name : 'OrderID', width : 80, sortable : true, align: 'right'},
{display: '状态', width : 40, align: 'center'},
{display: '操作', width : 120, align: 'center'}
],
buttons : [
{name: '新建', bclass: 'add', onpress : menuop},
{name: '移除', bclass: 'trash', onpress : menuop},
{separator: true}
],
searchitems : [
{display: '菜单名称', name : 'MenuName', isdefault: true},
{display: 'Name', name : 'name'}
],
sortname: "id",
sortorder: "asc",
usepager: true,
title: '菜单列表',
useRp: true,
page: 2,
total: 2,
rp: 15,
rpOptions:[10,15,20,25,40,50,100],
singleSelect:false,
showTableToggleBtn: true,
width: 'auto',
height: 300
});
...全文
相关推荐
flexigrid 参数说明
`procmsg`:在处理请求时显示的提示信息,让用户知道数据正在加载。23. `query`:搜索查询的条件,可以为空。24. `qtype`:搜索查询的类型,可以用来指定如何处理查询条件。25.
实现jQuery Flexigrid前端动态排序功能
Tablesorter是一个功能强大的jQuery表格排序插件,它通过改善原生HTML表格的功能来增强用户体验。它的主要特点包括:支持多列排序(点击多个列头进行多条件排序)高级过滤功能(可以针对特定列进行搜索和过滤)丰富的自定义选项(允许用户自定义排序顺序、类型等)支持动态加载(即使表格是通过Ajax动态加载的也能进行排序)良好的国际化支持(支持多种语言的排序)
仿flexigrid样式,滚动到底自动加载,jquery
总的来说,Gdftable是一个基于jQuery的表格组件,它模仿了Flexigrid的功能,如自定义样式、无限滚动加载和表头按钮,并且允许用户在需要时停止滚动加载。
FlexiGrid使用教程
**动态加载数据**:当数据量很大时,可以通过分页或滚动加载的方式动态加载数据,提高用户体验。4. **多语言支持**:FlexiGrid 支持多语言,可以根据用户的语言偏好显示相应的文本。
jquery grid插件 Flexigrid + servlet
在与servlet结合使用时,Flexigrid可以用来从服务器获取数据,实现数据的动态加载和分页。1.


