温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

easyUi动态生成datagrid列

发布时间:2020-07-30 09:21:33 来源:网络 阅读:285 作者:pannijingling 栏目:web开发
应用目标
在一个公共页面用单选按钮实现查询信息,根据选择不同,返回不同的信息,因此需要生成不同的列
实现代码:
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);
}

注:不知为何,动态生成列后第一次加载页面的时候如果有记录信息会执行两次请求,没有记录信息则会请求三次;当从有信息的页面到没有信息的页面的时候,没有信息的页面仍然会显示上一个页面的信息,刷新或再次请求则恢复正常。还有一些其他的莫名其妙的问题,最后无奈放弃此方法,如有高手大神知道,还请指导,谢谢。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI