flexigrid自定义绑定数据源

原创于 2019-01-18 17:04:46 发布 · 509 阅读

0 ·

CC 4.0 BY-SA版权

flexigrid 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用Flexigrid插件加载JSON格式的数据，包括设置grid的基本属性，如宽度、高度和列模型，以及如何通过调用flexAddData方法将测试数据添加到grid中。

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

flexAddData


var testData = {
 "page": 1,
 "total": 20,
 "rows":
 [
  {"cell" : ["A", "a group", "0", "d"]},
  {"cell" : ["B", "b group", "0", "d"]}
 ]
}
 
 $("#groups").flexigrid ({
   dataType: 'json',
   width: 580,
   height: 300,
   colModel : [
    {display: groupName, name: 'groupName', width: 160, sortable: true, align: 'left'},
    {display: description, name: 'description', width: 200, sortable: true, align: 'left'},
    {display: deviceNumber, name: 'deviceNumber', width: 100, sortable: true, align: 'left'},
    {display: del, name: 'del', width: 40, sortable: true, align: 'left'}
   ]
  }); 
 

 $("#groups").flexAddData(testData);