最近工作中有项目用到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>
分享到:
相关推荐
flexigrid的colModel中增加自定义新列
flexigrid删除实例flexigrid删除实例flexigrid删除实例flexigrid删除实例
flexigrid表格控件的使用实例,实现了和struts1.3的集成,实现了动态添加和删除。 文档包括: user_mgr.jsp ,jsp页面 UserAction.jsp ,控制层Action js包,相关的js jar使用到的jar包
FlexiGrid列宽可固定可自适应(比如序号和操作列就是固定宽,其他是自适应宽),列宽调整,以上两项最好支持。列排序,列拖拽,行拖拽,列表编辑非常好用的轻量级的表格插件
Flexigrid demo
jquery flexigrid;jquery flexigrid
flexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.js
FlexiGrid配置与使用说明,不错的文档
jquery flexigrid 与asp.net 的交互,并实现了crud 。提供了sqlserer oracle 等数据库的操作。
flexigrid.js flexigrid.css
jquery+flexigrid使用方法.pdfjquery+flexigrid使用方法.pdf
FlexiGrid使用手册,主要介绍FlexiGrid的主要属性和使用方法。
Flexigrid它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。... 本资源是作者根据原flexigrid 进行修改,首列加入CheckBox 的修改版。
FlexiGrid(js版本)
Codeigniter Grid 使用方法 (flexigrid) 博客分类: Codeigniter / CakePHP ASPRailsRubyPHPGoogle 来源:http://codeigniter.com/forums/viewthread/75326/P0/ Updated: 6 September 2008 Although I love CI, ...
FlexiGrid使用教程
《修改jQuery表格插件flexigrid源码添加自定义功能》文章配套代码http://blog.csdn.net/neareast/article/details/12904393,对jquery表格插件flexigrid的源码进行修改,增加了几个自定义功能,对其功能进行了增强。...
此项目是struts2+json+flexigrid的完整实例,可帮助你对flexigrid快速上手,项目下载后直接导入自己的工程即可,所用jar包会另传,因为超出上传限制,还请理解。
Flexigrid-表格,所属jquery