jQueryのEasyUIツリーメニューは - グリッドベースのツリーを作成します。2024 年の最新の入門チュートリアル。このコースでは jQueryのEasyUI例をダウンロード, について学習できます。
ツリーグリッド(TreeGrid)コンポーネントは、データグリッド(DataGridの)から継承しますが、行のノード間の親/子関係を可能にします。 データグリッド(データグリッド)に継承されたプロパティの多くは、のツリーグリッド(TreeGrid)で使用することができます。 ツリーグリッド(TreeGrid)を使用するためには、ユーザーが「treeField 'プロパティを定義する必要があり、ツリーノードとしてどのフィールドを示しています。
このチュートリアルでは、ツリー・グリッド(TreeGrid)は、フォルダブラウザコンポーネントを設定し使用する方法を示します。
<表のid = "テスト"タイトル= "フォルダブラウザ「クラス=" easyui-treegrid "スタイル="幅:400ピクセル、高さ300ピクセル " URL = "データ/ treegrid_data.json」 = "true"をrownumbers idField = "ID" treeField = "名前"> <THEAD> <TR> <Thのフィールド= "名前"幅= "160">名前</目> <Thのフィールド= "サイズ"幅= "60"揃える= "右">サイズ</目> <Thのフィールド= "日付"幅= "100">更新日時</目> </ TR> </ THEAD> </表>