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//透明度设置
		});

 

 

	function gridFlash(){
		 var params = {'username':$("#username").val()};   
	    $.post(   
	            "workform-main!getData.action",   
	            params,   
	            function(){
	            	$("#flexTable").flexReload();
	            }   
	        ); 
	 }

 

你可能感兴趣的:(Flex)