资讯专栏INFORMATION COLUMN

EasyUI中DataGrid动态参数的实现

骞讳护 / 1037人阅读

摘要:在的表头列特别多的情况下,不可能一个个的手写,这时就需要使用动态创建的方式,把表头列创建出来。正在加载,请稍候组装动态参数,可以是后台返回的注意是数组对象,不能采用拼接字符串的方式构造应采用下面方式进行构造设备型号

在datagrid的表头列特别多的情况下,不可能一个个的手写,这时就需要使用动态创建的方式,把表头列创建出来。

下面是datagrid中columns的格式

    columns:[[
        {field:"id",title:"组织机构编号",width:"7%"},
        {field:"name",title:"组织机构名称",width:"15%"},
        {field:"computer",title:"计算机设备类",width:"7%",
            styler: function(value,row,index){
                return "background-color:#ffee00;color:red;";
        }},
        {field:"SG_AUT_SERVER_B",title:"服务器",width:"7%"}
    ]]

下面例子是treegrid,和datagrid是一样的。
采用 $("#treegrid1").treegrid(options)方法,生成表格。

    var options ={};
    options.url = "<%=basePath %>back/intequery/getDevModelList";
    options.rownumbers = true;
    //options.pagination = true;
    options.singleSelect = true;
    //options.pageList = [10];
    //options.striped = true;
    options.fit = true;
    options.loadMsg = "正在加载,请稍候……";
    options.idField = "ID";
    options.treeField = "NAME";
    var tableName = $("#devtab").tabs("getSelected").panel("options").id;
    options.queryParams = {tableName:tableName.substring(0,ableName.lastIndexOf("_B"))};
    var array2 = [];
    array2.push(array1); //组装动态参数,array1可以是后台返回的JSONArray
    options.columns = array2;
    $("#treegrid1").treegrid(options);

注意:columns是数组对象,不能采用拼接字符串的方式构造!

应采用下面方式进行构造

    var array3 = [];
    array3[0] = new Object(); 
    array3[0].field = "NAME";
    array3[0].title = "设备型号";
    array3[0].align = "left";
    array3[0].width = "400";
    var array4 = [];
    array4.push(array3);

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81222.html

相关文章

  • EasyUI datagrid问题整理

    摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...

    megatron 评论0 收藏0
  • EasyUI datagrid问题整理

    摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...

    yexiaobai 评论0 收藏0
  • EasyUI datagrid问题整理

    摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...

    Kross 评论0 收藏0
  • easyui表格自动换行

    摘要:表格内容自动换行可以通过设计表格属性来实现,默认值为但是并未提供,表头自动换行的解决方案,因为一般我们的数据表格列名都是固定的,想换行的话可以通过来实现,但是特殊情况,例如列名是动态生成的,并不固定,没办法,不能直接通过设置属性来实现。表格内容自动换行可以通过设计表格属性  nowrap:false来实现,默认值为true; 但是easyui并未提供,表头自动换行的解决方案,因为一般我们的数...

    Elle 评论0 收藏0
  • easyui表格自动换行

    摘要:表格内容自动换行可以通过设计表格属性来实现,默认值为但是并未提供,表头自动换行的解决方案,因为一般我们的数据表格列名都是固定的,想换行的话可以通过来实现,但是特殊情况,例如列名是动态生成的,并不固定,没办法,不能直接通过设置属性来实现。表格内容自动换行可以通过设计表格属性  nowrap:false来实现,默认值为true; 但是easyui并未提供,表头自动换行的解决方案,因为一般我们的数...

    张率功 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<