`
foxlikun
  • 浏览: 7817 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

flexigrid 生成动态列方法

阅读更多
最近工作中有项目用到flexigrid作表格展示 业务需要根据业务动态展示表格。  
    
      $.ajax({
url:,//请求列信息的地址
dataType:'json',
success:function(data){
data=data.root;
$('#grid_div').empty();//此处为包含grid所在表格的DIV因为我们需要重画表格 所以将原有内容清空
$('<table id="post_grid"/>').hide().appendTo('#grid_div');//在DIV里添加一个<table>
//op为包含列信息的数组
var op=new Array();
//迭代返回数据 读出读出每个列信息拼装成对象填入数组
$(data).each(function(i,n){
op.push({display:n.dispaly,dataIndex:n.dataIndex,width:100,sortable:true,align: 'left'});
});
//重画grid
$("#post_grid").flexigrid(
{
                        。。。。其他属性
   //此处为动态的列信息
colModel:op,
  。。。。其他属性

});
                }

});

}


页面元素类似<div id="grid_div"><table id="post_grid" style="display:none"></table></div>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics