jQueryのEasyUIデータグリッド - プロパティグリッドを作成します
ビルトイン(拡大)拡大/縮小(マージ)ボタンでプロパティ・グリッド(プロパティグリッドが)、それは単に行することができます。 あなたは、単に編集可能な階層的な属性(階層)のリストを作成することができます。
HTMLの設定
<表のID = "TT"クラス= "easyui-PropertyGridの"スタイル= "幅:300ピクセル" URL = "propertygrid_data.json" showGroup = "true"をscrollbarSize = "0" > </表>
JSONデータを準備します
[ { "名前": "名前"、 "値": "ビル・スミス」、「グループ」:「ID設定"、 "エディタ": "テキスト"}、 { "名前": "アドレス"、 "値": ""、 "グループ": "ID設定"、 "エディタ": "テキスト"}、 { "名前": "年齢"、 "値": "40"、 "グループ": "ID設定"、 "エディタ": "numberbox"}、 { "名前": "誕生日"、 "値": "2012年1月2日"、 "グループ": "ID設定"、 "エディタ": "datebox"}、 { "名前": "SSN"、 "値": "123-456-7890"、 "グループ": "ID設定"、 "エディタ": "テキスト"}、 { "名前": "メール"、 "値": "[email protected]"、 "グループ": "マーケティング設定"、 "エディタ":{ 「タイプ」:「validatebox」、 "オプション":{ 「ValidType ":"電子メール " } }} { "名前": "FrequentBuyer"、 "値": "偽"、 "グループ": "マーケティング設定"、 "エディタ":{ 「タイプ」:「チェックボックス」、 "オプション":{ "オン":trueの場合、 「オフ」:偽 } }} ]
あなたが見ることができるように、プロパティグリッド(プロパティグリッド)は、任意のJavaScriptコードを作成する必要はありません。 あなたは、単に拡張エディタのタイプを継承することができます。