easyUi動態(tài)生成datagrid列
標(biāo)簽:
JavaScript
应用目标
在一个公共页面用单选按钮实现查询信息,根据选择不同,返回不同的信息,因此需要生成不同的列
实现代码:
function loadDataGrid(){ $('#datagrid').datagrid({ //生成datagrid基本信息 url : '${ctx}/userBpm/workspace-listPersonalTasks', //请求地址 此处省略...... }); setColumns(); //此处调用}//动态生成datagrid列function setColumns(){ var colnumsStr = "[ ["; colnumsStr += "{title: '发起时间',field: 'STARTTIME',width: 150},"; colnumsStr += "{title: '结束时间',field: 'ENDTIME',width: 150},"; colnumsStr += "{title : '备注',field : 'remark',width: 150}"; colnumsStr += "] ]"; var options={}; options.columns = eval(colnumsStr); $('#datagrid').datagrid(options);}
注:不知为何,动态生成列后第一次加载页面的时候如果有记录信息会执行两次请求,没有记录信息则会请求三次;当从有信息的页面到没有信息的页面的时候,没有信息的页面仍然会显示上一个页面的信息,刷新或再次请求则恢复正常。还有一些其他的莫名其妙的问题,最后无奈放弃此方法,如有高手大神知道,还请指导,谢谢。
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦