EasyUI中DataGrid动态参数的实现

骞讳护发布于2019-08-20 13:45 / 1081人阅读

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

在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);

云服务器 GPU云服务器 Easyui?datagrid easyui_datagrid_edit easyui动态editor easyui动态生成列

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

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

EasyUI datagrid问题整理

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

megatron 2019-08-23 16:24 评论0 收藏0
EasyUI datagrid问题整理

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

yexiaobai 2019-08-02 16:09 评论0 收藏0
EasyUI datagrid问题整理

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

Kross 2019-08-30 15:43 评论0 收藏0
easyui表格自动换行

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

Elle 2019-04-23 10:16 评论0 收藏0
easyui表格自动换行

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

张率功 2019-04-22 19:50 评论0 收藏0