jQueryのEasyUIツリーメニューは - グリッドベースのツリーを作成します。2024 年の最新の入門チュートリアル。このコースでは jQueryのEasyUI例をダウンロード, について学習できます。

jQueryのEasyUIツリーメニューは - グリッドベースのツリーを作成します。

ツリーグリッド(TreeGrid)コンポーネントは、データグリッド(DataGridの)から継承しますが、行のノード間の親/子関係を可能にします。 データグリッド(データグリッド)に継承されたプロパティの多くは、のツリーグリッド(TreeGrid)で使用することができます。 ツリーグリッド(TreeGrid)を使用するためには、ユーザーが「treeField 'プロパティを定義する必要があり、ツリーノードとしてどのフィールドを示しています。

このチュートリアルでは、ツリー・グリッド(TreeGrid)は、フォルダブラウザコンポーネントを設定し使用する方法を示します。

ツリー・グリッドを作成します(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>
	</表>

jQueryのEasyUI例をダウンロード

jeasyui-tree-treegrid1.zip

jQueryのEasyUIツリーメニューは - グリッドベースのツリーを作成します。
10/30