思路:通过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(); } ); }