jsTree外掛程式簡介 二

2021-06-05 19:02:16 字數 1193 閱讀 4801

1、themesplugin (jstree的主題外掛程式)

這個外掛程式控制這jstree的展示,如果沒有這個外掛程式,乙個jstree樹結構就是乙個有序的列表

屬性:url:定義主題的css檔案位置。可以設定為string為具體的位址,或者為false,為false時在< theme folder >/themes/< theme name >/style.css這個位置查詢。

dots:定義是否顯示樹結構周圍的線,如下圖所示

如上圖紅框圈中的點,預設為true,即顯示這些點,可以設定為false不顯示這些點。

icons:定義是否顯示樹結構前面的圖示,預設為true,即顯示圖示,改為false可以不顯示。

下面給出源**

$(function () );

$("#set_theme1").click(function () );

$("#set_theme2").click(function () );

$("#demo1").jstree(,

"plugins" : [ "themes", "html_data" ]

});});

jstree還提供幾個api來設定主題的行為

.set_theme(name, url):設定主題

.get_theme():取得當前啟用即使用的主題

.show_dots(),.hide_dots(),.toggle_dots():顯示、隱藏、啟用樹邊框的點

.show_icons(),.hide_icons(),.toggle_icons():顯示、隱藏、啟用樹的圖示

本文詳細**見

之theme_data.html

jsTree外掛程式簡介 一

在用jstree時可以使用幾種外掛程式來支援我們的行為,下面我簡要的介紹下各個外掛程式的使用。1 html data plugin。html data即我們要渲染的資料是用html格式來完成tree的展示。其中所要渲染的html資料可以來自直接的html文字,例如 function html dat...

jstree外掛程式學習筆記

為不同的節點生成不同右鍵選單 1 定義乙個函式,接收目標節點 node 根據這個節點生成響應不同的右鍵選單 function custommenu node deleteitem if node hasclass folder return items 上面的函式這麼呼叫 tree jstree 2...

jstree外掛程式的demo和相關資訊

jstree作為基於jquery的外掛程式,很好的方便的展示了樹形結構。具體 如下,照搬官網的demo jstree demo jstree data data function node types root default file plugins contextmenu dnd search ...