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