zTree樹形中的搜尋定位

阿新 • • 發佈：2018-12-18

<!DOCTYPE html>
<html lang="en">
	    <head>
			<meta charset="UTF-8">
			<title>Document</title>
		</head>
  <body>
		<div> 
			<input id="keyword" type="text" placeholder="搜尋關鍵字"> 
			<!--<button id="search-bt">搜尋</button>--> 
 
		</div>

	<div class="content" style="width:250px; height:362px;"> 
	       <ul id="treeA" class="ztree"></ul> 
	</div>
	
<script>

	$(function(){ 
	    init(); 
	   setCheck(); 
	}) 

	function setCheck() { 
		var zTree = $.fn.zTree.getZTreeObj("treeA"); 
		type = 
 { "Y":p + s, "N":p + s}; 
		zTree.setting.check.chkboxType = type; 
		showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };'); 
	} 

  function init(){ 
		var zNodes=[ 
		{ id:123456, pId:0, name:"西瓜", open:true}, 
		{ id:1, pId:123456, name:"蘋果", open:true}, 
		{ id: 
11, pId:1, name:"檸檬", open:true}, 
		{ id:111, pId:11, name:"菠蘿"}, 
		{ id:112, pId:11, name:"香蕉"}, 
		{ id:12, pId:1, name:"橘子", open:true}, 
		{ id:121, pId:12, name:"哈密瓜"}, 
		{ id:122, pId:12, name:"楊桃"}, 
		{ id:123, pId:12, name:"水蜜桃"}, 
		{ id:124, pId:12, name:"梨子"}, 
		{ id:125, pId:12, name:"柿子"}, 
		{ id:126, pId:12, name:"葡萄"}, 
		{ id:127, pId:12, name:"提子"}, 
		{ id:128, pId:12, name:"櫻桃"}, 
		{ id:2, pId:123456, name:"部門2", checked:true, open:true}, 
		{ id:21, pId:2, name:"部門2.1"}, 
		{ id:22, pId:2, name:"部門2.2", open:true}, 
		{ id:221, pId:22, name:"部門2.2.1", checked:true}, 
		{ id:222, pId:22, name:"部門2.2.2"}, 
		{ id:23, pId:2, name:"部門2.3"}, 
		{ id:24, pId:2, name:"部門2.4"}, 
		{ id:25, pId:2, name:"部門2.5"}, 
		{ id:26, pId:2, name:"部門2.6"}, 
		{ id:27, pId:2, name:"部門2.7"}, 
		{ id:28, pId:2, name:"部門2.8"}, 
		{ id:29, pId:2, name:"部門2.9"} 
		]; 

		var setting = { 
		check: { 
		enable: true 
		}, 
		data: { 
		simpleData: { 
		enable: true 
		} 
		}, 
		}; 

		zTreeObj = $.fn.zTree.init($("#treeA"), setting, zNodes); 
		$("#search-bt").click(searchNodes); 
		}; 

		//用按鈕查詢節點 
		function searchNodes(){ 
			var treeObj = $.fn.zTree.getZTreeObj("treeA"); 
			var keywords=$("#keyword").val(); 
	    //根據節點資料的屬性搜尋，獲取條件模糊匹配的節點資料 JSON 物件集合,(keywords)模糊匹配只能針對 String 型別的資料
		 var nodes = treeObj.getNodesByParamFuzzy("name", keywords, null);  
			if (nodes.length>0) { 
			treeObj.selectNode(nodes[0]); //會讓節點自動滾到到可視區域內
			} 
		} 

		//input框變化時查詢節點 
		document.getElementById("keyword").addEventListener("input", test, false); 
		function test(){ 
			var treeObj = $.fn.zTree.getZTreeObj("treeA"); 
			var keywords=$("#keyword").val(); 
			var nodes = treeObj.getNodesByParamFuzzy("name", keywords, null); 
			if (nodes.length>0) { 
			treeObj.selectNode(nodes[0]); 
			} 
		}
		
</script>

//treeObj.getNodesByParamFuzzy();方法和treeObj.selectNode();不明之處可參考 zTree v3.5.30 API 文件
</body>
</html>

zTree樹形中的搜尋定位

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title&g

關於zTree樹形外掛搜尋框。

今天學習了一個zTree樹形搜尋框的功能，學習之前先把zTree的相關知識看了一遍，記錄下來如下： 1.獲取 id 為 treeDemo 的 zTree 物件 var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

selenium中元素定位的常用方法

詳細講解 sub mit 匹配 end sss nbsp strong pat 一、Selenium中元素定位共有八種 id name className tagName linkText partialLinkText xpath cssSelector 其中前六種都比較

CSS中position定位

fix rip ble 偏移正常 abs css class z-index 定義和用法 position 屬性規定元素的定位類型。說明這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什麽類型。相對定位

css中絕對定位和相對定位，文檔流的理解

css 定位相關鏈接：http://blog.csdn.net/libertea/article/details/11662661 今天在這裏看到了關於一個定位的博客，感覺講的挺好的，在這裏分享一下鏈接。css中絕對定位和相對定位，文檔流的理解

Azure Stack技術深入淺出系列2：談Azure Stack在私有雲/混合雲生態中的定位

azure stack 雲計算微軟 azure一、國內私有雲業務前景就在今年4月，工信部發布《雲計算發展三年行動計劃（2017-2019）》，提出2019年雲計算產業規模將達到4300億。雲計算已成為國家新一代信息產業發展的重要戰略。從中國整個IT投入來看，政府、央企、國企以及大型民企占據主要份額，這些企

Eclipse中快速定位

選中步驟 android mage 快速 nac tex clip android項目 Eclipse中快速定位選中項目,ctrl+h 一、目標查找如下的頁面屬於哪個activity 二、步驟 1、查找關鍵字上述頁面中“點我”兩個字比較顯眼，我們可以去andr

intelliJ IDEA 中快速定位當前文件路徑

.cn 項目 cli 快速所在 ice 技術分享 wid 技術如下所示想找到\client-webservice.xml文件所在路徑方法一：將鼠標移到文件上，自動出現文件路徑方法二：點擊項目工程上的“狙擊”圖標，自動定位到文件所在位置 intelliJ I

[轉]總結一下CSS中的定位 Position 屬性

pub pos solid 修改 static blog style 分享正常的在CSS中，Position 屬性經常會用到，主要是絕對定位和相對定位，簡單的使用都沒有問題，尤其嵌套起來，就會有些混亂，今記錄總結一下，防止久而忘之。 CSS positi

CSS中的定位

頂部例如提示可能進行祖先 left osi 選擇　　在網頁設計時經常要對網頁中的元素進行排版和優化。這時就要用到定位和浮動，來幫我們達到理想的效果。所以要清楚各種定位之間的關系和用法。 css中的相對定位：如果對一個元素進行相對定位，它將出現在它

添加json屬性並賦值或修改json屬性(ztree樹形結構)

items length [] box poi 修改 item sub amp var data=[ {accounts :[], attrs : {maxmailboxsize: "-1", maxusers: "-1"}, fullpa

在OpenCASCAD腳本中拾取定位

command 得到 entity shade 不知道查詢模擬 sha markdown DRAWEXE系OpenCASCADE中的腳本支撐項目，通過對TCL腳本語言的擴展可以便捷使用OpenCASCADE。腳本顯示方面的命令分兩種：一種在組名DRAW Graphic

CSS中的定位機制

瀏覽器如果出現得到 gin 文檔流 css 過程 pan CSS3 中有三種定位機制 : 普通文檔流 (text)| 浮動(float) | 定位(position) 　　普通文檔流就是CSS中默認的文本文檔　普通流中，元素位置由文檔

selenium 中xpath定位的幾種方式

utf 文本 webdriver 元素 ins send 失敗 ima ive #-*-coding:utf-8-*-from selenium import webdriverfrom time import sleepfrom selenium.webdriver.co

table中絕對定位元素相對td定位失效解決方案

targe 項目定位元素 .html 完美 cnblogs posit chrom 並且在一個table中，我需要在td裏面絕對定位一個div，寫法：td{position:relative;} div{position:absolute;} OK,就這麽簡單，

css中position 定位的兼容性，以及定位的使用及層級的應用

技術 number 窗口 fix padding 就會 border 代碼兼容一、首先我們來看看定位的兼容性，當然是在IE6、7但是現在大多數公司都已經不考慮了我們就作為一個了解吧： 1、在IE67下,子元素有相對定位的話,父級的overflow:hidden包不住子

關於CSS中的定位使用子絕父相（子類絕對位置和父類相對位置）

需求 style 主頁計算機美化情況下 mar head div 關於CSS中的定位使用子絕父相（子類絕對位置和父類相對位置）前言：最近在學習JavaWeb前端的CSS，關於CSS中的定位有時候可能會使用到子絕父相，由於本人的水平有限如果有什麽地方說錯了，請指出

css中相對定位和絕對定位

絕對定位，元素可以放置到頁面上的任何位置相對定位，元素相對於於原的位置。 <body> <div class="a"> 第一 </div> <div class="b"> 第二 </div

語音識別的大規模漢語樹形詞典,搜尋速度快如閃電

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

ifeve.com 南方《JVM 性能調優實戰之：使用阿裏開源工具 TProfiler 在海量業務代碼中精確定位性能代碼》

oca ive java tla inline .net lin 原因調優 https://blog.csdn.net/defonds/article/details/52598018 多次拉取 JStack，發現很多線程處於這個狀態： at jrockit/vm/

zTree樹形中的搜尋定位

相關推薦