EasyUI中DataGrid動態參數的實現

騫諱護發布于2019-08-20 13:45 / 1077人閱讀

摘要：在的表頭列特別多的情況下，不可能一個個的手寫，這時就需要使用動態創建的方式，把表頭列創建出來。正在加載，請稍候組裝動態參數，可以是后臺返回的注意是數組對象，不能采用拼接字符串的方式構造應采用下面方式進行構造設備型號

在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動態生成列

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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