【jQuery插件】flexigrid

最新推荐文章于 2025-08-31 16:02:59 发布

原创最新推荐文章于 2025-08-31 16:02:59 发布 · 844 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery插件 #delete #function #email #json

#url

收录于

jQuery插件专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何利用Flexigrid库实现数据表格的动态加载和展示，包括配置参数、按钮操作和搜索功能。

http://code.google.com/p/flexigrid/wiki/TutorialPropertiesAndDocumentation

http://flexigrid.info/

$(function() { $("#flex1").flexigrid({ url: 'staff.php', dataType: 'json', colModel : [ {display: 'ID', name : 'id', width : 40, sortable : true, align: 'left'}, {display: 'First Name', name : 'first_name', width : 150, sortable : true, align: 'left'}, {display: 'Surname', name : 'surname', width : 150, sortable : true, align: 'left'}, {display: 'Position', name : 'email', width : 250, sortable : true, align: 'left'} ], buttons : [ {name: 'Edit', bclass: 'edit', onpress : doCommand}, {name: 'Delete', bclass: 'delete', onpress : doCommand}, {separator: true} ], searchitems : [ {display: 'First Name', name : 'first_name'}, {display: 'Surname', name : 'surname', isdefault: true}, {display: 'Position', name : 'position'} ], sortname: "id", sortorder: "asc", usepager: true, title: "Staff", useRp: true, rp: 10, showTableToggleBtn: false, resizable: false, width: 700, height: 370, singleSelect: true }); });