`

FlexGrid动态传参的做法

 
阅读更多

思路:通过ajax动态传JSON方式。回调FlexGrid的flexReload方式实现。

 

js:

$("#flexTable").flexigrid({
			width: 700 ,
			height: 150,
			url: 'workform-function-main!getWbfDetailGridSummaryDate.action',
			dataType: 'json',
			colModel : [
			        	{display: '序号', name : 'id', width : 50, sortable : true, align: 'center',hide: true,toggle : false},
			        	{display: '工单编码', name : 'workformid', width : 80, sortable : true, align: 'center'},
			        	{display: '节点编号', name : 'nodeid', width : 80, sortable : true, align: 'center'},
			        	{display: '出单点名称', name : 'orderorg', width : 80, sortable : true, align: 'center'},
			        	{display: '分配给', name : 'distribute', width : 80, sortable : true, align: 'center'},
			        	{display: '节点状态', name : 'nodestate', width : 80, sortable : true, align: 'center'},
			        	{display: '节点名称', name : 'nodename', width : 250, sortable : true, align: 'center'}
				],
			errormsg: '发生异常',
			sortname: "id",
			sortorder: "desc",
			usepager: false,
			useRp: false,
			nomsg: '没有符合条件的记录存在',
			minColToggle: 1, //允许显示的最小列数
			showTableToggleBtn: true,
			autoload: true, //自动加载,即第一次发起ajax请求
			resizable: true, //table是否可伸缩
			procmsg: '加载中, 请稍等 ...',
			hideOnSubmit: true, //是否在回调时显示遮盖
			showcheckbox: false,//是否显示第一列的checkbox(用于全选)
			gridClass: "bbit-grid",//样式
			rowbinddata: true,//配合上一个操作,如在双击事件中获取该行的数据
			striped:false,
			blockOpacity: 0.5//透明度设置
		});

 

 

Js代码 复制代码 收藏代码
  1. function gridFlash(){  
  2.      var params = {'username':$("#username").val()};     
  3.     $.post(     
  4.             "workform-main!getData.action",     
  5.             params,     
  6.             function(){  
  7.                 $("#flexTable").flexReload();  
  8.             }     
  9.         );   
  10.  }  
分享到:
评论

相关推荐

    flexgrid

    jquery-flexgrid

    在视图窗口中动态创建ActiveX控件FlexGrid

    视图窗口中动态创建ActiveX控件FlexGrid

    flexgrid最新版+实例

    flexgrid是一个易用且功能强大的前端js表格,可实现常见的所有功能,强大到出乎你的想像。强烈建议在项目中使用。

    使用flexgrid

    flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use

    VC 在窗口中动态创建FlexGrid ActiveX控件.rar

    VC 在窗口中动态创建FlexGrid ActiveX控件,本例是一个日常消费情况的记录程序为例,在窗口视图中动态创建FlexGrid网格控件,在代码中可设置FlexGrid行列的宽度和高度,若鼠标单击或停留在了当前行,会改变当前表格行...

    FlexGrid自定义列标题

    FlexGrid自定义列标题 FlexGrid自定义列标题 FlexGrid自定义列标题 FlexGrid自定义列标题

    C1.Win.C1FlexGrid.2.dll

    ComponentOne 2012V3还针对WinForm平台主要控件-FlexGrid和Chart制作了包含了近20万字的中文帮助文档,产品的每一功能进行了细致的介绍并提供示例代码,便于开发人员的学习和使用。 我们借此机会编写 C1FlexGrid 和...

    FlexGrid的升序和降序排列

    FlexGrid的升序和降序排列 FlexGrid的升序和降序排列 FlexGrid的升序和降序排列 FlexGrid的升序和降序排列

    一个好用的flexgrid

    一个好用的flexgrid

    flexgrid滚轮示例

    flexgrid滚轮示例

    FlexGrid控件的使用

    当我第一次不得不使用flexgrid控件时,发现在互联网上没有相关的合适的文档时,让我很困扰。而那些可利用的对我来说,又太复杂。于此同时,在VB中的flexgrid控件的文档又十分简单。本代码是帮助那些想在自己用VC++...

    Flexgrid使用教程实例

    flexgrid是很不错的插件,显示数据很不错,速度很快的

    flexgrid demo

    jquery flexgrid demo & source code

    C1FlexGrid教程

    ComponentOne FlexGrid for Windows Forms的详细教程,包括基本设置、设计时支持、设置和编辑单元格、概述和汇总数据、数据过滤、打印等操作的详细说明和代码示例,并给出了数十个使用经验和技巧。

    C1FlexGrid绘制柱形图

    C1FlexGrid绘制柱形图,VB.NET实现。

    c1FlexGrid控件超链接方法

    c1FlexGrid控件超链接可以实现对列表信息的需要链接的需求

    flexgrid asp.net

    flexgrid 是基于 jquery 的 grid 开发框架,文档描述 flexgrid 在 asp.net 下的实验过程,代码可运行

    VB中FlexGrid操作实例

    这个实例代码演示了在FlexGrid控件中支持以任意行列、全字匹配和大小写匹配的查询功能。

    可编辑的FLEXGRID控件.zip

    可编辑的FLEXGRID控件

    flexgrid attribute conclusion

    flexgrid attribute conclusion flexgrid attribute conclusion

Global site tag (gtag.js) - Google Analytics