easyUi动态生成datagrid列-创新互联
应用目标
在一个公共页面用单选按钮实现查询信息,根据选择不同,返回不同的信息,因此需要生成不同的列
实现代码:
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);
}
注:不知为何,动态生成列后第一次加载页面的时候如果有记录信息会执行两次请求,没有记录信息则会请求三次;当从有信息的页面到没有信息的页面的时候,没有信息的页面仍然会显示上一个页面的信息,刷新或再次请求则恢复正常。还有一些其他的莫名其妙的问题,最后无奈放弃此方法,如有高手大神知道,还请指导,谢谢。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、虚拟主机、营销软件、网站建设、纳雍网站维护、网站推广。另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文标题:easyUi动态生成datagrid列-创新互联
文章出自:http://pwwzsj.com/article/cseoph.html