EasyUI-DataGridが動的に列を作成します

<スクリプトタイプ= "テキスト/ JavaScriptを"> 
    $（関数（）{ 
        $アヤックス（{ 
            URL： "$ {} getMesResourceCapacityBottleneckTitle URL" 、//この方法は、本明細書動的データヘッダ得るために使用される 
            データを{PARAM ：JSON.stringify（SerializeObject（$（ '#FORM' ）））}、
            タイプ： 'POST' 、
            データ型： 'JSON' 、
            成功：関数（R＆LT）{
                 IF（r.flag == "成功" ）{
                     VAR =列[];
                     VARの一覧= r.title。
                    以下のために（VARの I = 0;私はList.length <; I ++ ）{ //クエリ結果を、スプライシングテーブルのダイナミックヘッドは、具体的にどのように行うには、その必要性に応じて、縫合場所
                        のvar titleDay = 新しい新しい日付（一覧[I]を。 CALENDAR_DATE）.format（ "MM-DD-YYYY"の）
                        カラム[ 0] .push（{フィールド： 'DATE' + I、タイトル：titleDay、幅：80、halign：行く'、左=整列： 'センター' 、フォーマッタ：formatColor}）; 
                        カラム[ 0] .push（{フィールド： 'dateContrast' + Iは、タイトル：titleDay、幅：80、halign：行く'、左=整列：行く'、隠された：真へ}）; 
                    } 
                    $ （'#dgMesResourceCapacityBottleneck'）。    データグリッド（{
                           frozenColumns：[[ //既知の固定列に属するこのセクションヘッダはなく、すべての列が動的であるので、 
                            フィールド{：タイトル、行く'：左=整列、「センター」：halign、「WorkLineName」「」線、幅：80 }、
                            {フィールド： 'Zycode'は、halign：行く'、左=整列：行く'、タイトル： 'リソース名'、幅：80 }、
                            {フィールド： 'FixedCapacity'、halign： 'センター'、 'センター'、タイトル：整列 ' 日-能力'、幅：80 }、
                            {フィールド： '期限切れ'、halign：行く'は、整列： '中央'、タイトル： ' 延長時間'、幅：80 、フォーマッタ：} formatOverdue 
                        ]、
                        カラム：カラム、//これは動的スペルアウトカラムであります
                        URL： "$ {} getMesResourceCapacityBottleneckByPage.json URL" 、//データをロードする方法があり、データが背景と前景のフィールドにロードする必要がありますが一致し 
                        queryParamsを：{ 
                            PARAM：JSON.stringify（SerializeObject（$（ '#FORM' ）））
                        } 
                    }）; 
                } 他{ 
                    $ .messager.alert（ 'プロンプト'、 'ロード・エラーは、管理者に連絡してください！'、 '警告' ）; 
                } 
            } 
        }）; 
    }）;
 </ SCRIPT>

< divのデータ・オプション= "地域： '中央'" のボーダー= "false"のスタイル= "背景：#FFFFFF;" > 
     < テーブルのid = "dgMesResourceCapacityBottleneck" 
     　　データ・オプション=」
     　　　　フィット：真、
     　　　　ボーダー：偽、
     　　　　rownumbers：偽、
     　　　　アニメーション：、真
     　　　　の折り畳み式：偽、
     　　　　autoRowHeight：偽、
     　　　　idField： 'ID'、
     　　　　singleSelect：真、
     　　　　checkOnSelect：真、
     　　　　selectOnCheck：偽、
     　　　　ページネーション：真、
     　　　　pageSizeを：dataOptions.pageSize、
     　　　　pageList：dataOptions.pageList、
     　　　　ストライプ：真の」> 
     </ テーブル> 
</ DIV >

EasyUI-DataGridが動的に列を作成します

おすすめ