Heim  >  Artikel  >  Web-Frontend  >  Fünf Schritte zur einfachen Implementierung von zTree-Nutzungsbeispielen

Fünf Schritte zur einfachen Implementierung von zTree-Nutzungsbeispielen

小云云
小云云Original
2017-12-28 11:48:434190Durchsuche

In diesem Artikel werden hauptsächlich fünf Schritte zur einfachen Implementierung von zTree vorgestellt. Ich hoffe, dass er für alle hilfreich ist.

1. Importieren Sie die zTree-Konfigurationsdatei


<script type="text/javascript" src="../js/ztree/jquery.ztree.all-3.5.js"></script> 
<link rel="stylesheet" href="../js/ztree/zTreeStyle.css" />

2. Legen Sie class="ztree"
am erforderlichen Speicherort fest


<p data-options="title:&#39;基础菜单&#39;"> 
   <ul id="baseMenu" class="ztree"></ul> 
</p>

3. Wählen Sie, ob Sie ein einfaches zTree-Format oder ein Standard-zTree-Format entsprechend Ihren Anforderungen generieren möchten (hier nur einfach). PS: Achten Sie darauf, die Funktion danach einzugeben Die Seite wird geladen.


var setting = { 
  data: { 
    simpleData: { 
      enable: true //支持json格式 
  } 
},

4. Schreiben Sie ein Baummenü (einfach und ähnlich wie dTree)


var zNodes = [ //驼峰式命名pId 
  {id:1,pId:0,name:"父节点1"},       
  {id:2,pId:0,name:"父节点2"},           
  {id:11,pId:1,name:"父1子节点1"}, 
  {id:12,pId:1,name:"父1子节点2"}, 
];

5. Baummenü erstellen


$.fn.zTree.init($("#baseMenu"), setting, zNodes);

Verwandte Empfehlungen:

Detailliertes Beispiel für zTree jQuery Die Verwendung des Tree-Plug-Ins

Erklärung der Verwendung des zTree-Plug-Ins in jQuery zur Implementierung der Drag-and-Drop-Funktion

Mitteilung über die Verwendung des zTree-Baum-Plug-ins in jQuery

Das obige ist der detaillierte Inhalt vonFünf Schritte zur einfachen Implementierung von zTree-Nutzungsbeispielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn