導航:首頁 > 編程語言 > jstreejava

jstreejava

發布時間:2022-05-21 10:08:25

java web 樹形結構設計

類似的插件很多 前台引入後其實只需要關心後台的json或者xml結構,比如:
jstree、ztree、easyui tree等等

Ⅱ jstree 怎麼使用

JsTree是一個基於JQuery的框架,實現簡單,功能比較齊全。項目中急於修改樹控制項,現學現賣,實現了簡單的功能,僅包含非同步載入,動態設置節點樣式圖標,靠著自己看幫助文檔,多次嘗試一步步完成。
1. 實現非同步載入
$("#tvBox").tree({
data : {
async : true,
type : "xml_flat",
[color=red]opts : {
url : URL
}
},
types : {
"default" : {
renameable : false,
deletable : false,
creatable : false,
draggable : false
}
},
ui:{
theme_name : "classic"
},
callback : {
beforedata : function(NODE, TREE_OBJ) {
setParams(NODE, TREE_OBJ); // 獲取參數信息
//向伺服器傳遞參數
return { type : type_id, dyj : dyj_id, bdz : bdz_id, jg : jg_id, ept : ept_id }
},//end beforedata
onselect : function(NODE, TREE_OBJ) { // 單擊函數,點擊設備節點名稱的時候在右邊顯示信息
setParams(NODE, TREE_OBJ); // 獲取參數信息
var ids = $(NODE).attr("id").split("-");
// alert(ids[6]);
var subType = ids[1];
var dydj = ids[2];
//alert(type_id+" -- "+ept_id);
var nodeParam="type="+type_id+"&subType="+subType+"&bdz="+bdz_id+"&dydj="+dydj+"&ept="+ept_id;
if (type_id == EptType.dyj) {//點擊的是電業局節點
var dyj_url = "pages/omds/ept/dyj/dyj.jsp?dyj="+dyj_id+"&"+nodeParam;
//alert(dyj_url+" -- "+dyj_name);
top.doCreateTabItem(dyj_url,
dyj_name,
dyj_url+"&random="+Math.random(),
dyj_name);//在'主頁'標簽中顯示
}

}, //end onselect
// 只在樹第一次載入的時候調用
onload : function(TREE_OBJ) {
$("#tvBox ul li a:first-child ins").hide(); //電業局節點不顯示圖標
}
}// end callback
}); // end tree()
JsTree支持多種格式的數據源,這里使用了xml格式,其實json格式更好。data中代碼即可實現非同步載入,通過設置UI參數可以修改主題,callback參數可以對一些事件作出響應,如beforedata可以在發送非同步請求之前添加url參數,onselect可以響應生成的樹中節點的單擊事件,還有open在節點被打開的時候被調用,等等,可以幫助實現很多功能……
--1 碰到比較麻煩的事情是展開子節點向後台傳遞參數時需要用到父節點的id等信息,需要用到parent函數。
--2 另外,當展開一個節點從後台沒有查詢到子節點時需要返回<root></root>,不能使<root>,我當時用jdom生成xml碰到後者,出現了問題。
--3 callback中的事件需要自己去嘗試才能知道什麼時候被觸發

2. 實現節點換膚
項目中涉及到得是電業局--變電站--間隔--設備,對於後三者節點圖標必須與其狀態對應,且狀態是動態的,所以需要後台在生成xml的時候設置icon屬性

Ⅲ jquery jstree的 refresh函數怎麼用

var tree = jQuery.jstree.reference("#jstree");
tree.refresh();

請參考這個國外的網址: http://stackoverflow.com/questions/3682045/how-can-i-refresh-the-contents-of-a-jstree。

我是用ajax載入的jstree,在一個button的onclick中調用了上面兩段代碼,成功刷新了jstree!

Ⅳ java帶有checkbox的樹型菜單

<div
style="width: 100%; height: 94%; float: left; background:#f7f7f1;overflow-y:auto;"
id="treeDiv"></div>
<script type="text/javascript">
var selectedNodeID = '';
var org_treeList = new dhtmlXTreeObject(document.getElementById('treeDiv'),"100%","100%",0);
org_treeList.setImagePath("<%=path%>/images/tree/");
org_treeList.enableIEImageFix(true);
org_treeList.enableCheckBoxes(false);
org_treeList.enableDragAndDrop(false);
org_treeList.enableCheckBoxes(1);
org_treeList.enableThreeStateCheckboxes(true);

org_treeList.attachEvent("onOpenStart", function (id, state) {
if(state == '0')
{
org_treeList.setItemImage(id, 'folderOpen.gif','loading.gif');
}
if(state =='1')
{
org_treeList.setItemImage(id, 'folderOpen.gif','folderClosed.gif');
}
return true;
});
org_treeList.setXMLAutoLoading("你的xml地址");
org_treeList.loadXML("你的XML地址");

</script>

上面是頁面中的代碼 這樣的寫法是動態載入的, 你可以去下面的地址查看具體用法

Ⅳ 如何分析android bugreport

一、ChkBugReport介紹
ChkBugReport是一個開源工具,它可以把你得到的bugreprot解析成適合閱讀的html文件。導出的html文件包含了根據bugreport數據得出的圖表和分析結論。

它的源碼中用到了以下開源類庫: jQuery ,jsTree jquery plugin , tablednd jQuery plugin , tablesorter jQuery plugin ,js-hotkeys, jquery-cookie 。學習輸出報告文檔型html可以參考源碼。

目前ChkBugReport可以從bugreport數據中抽取出如下信息:
1、Stacktraces ChkBugReport可以從bugreport中解析出輸出bugreport的最後時刻、導致ANR時刻甚至更多時刻的堆棧信息。在例子中你可以看到進程的優先順序和策略都已標示出來,堆棧中耗時的部分顏色是黑紅,一些違反Strict Mode的部分(比如主線程中使用資料庫)顏色標記為亮紅。如果這個線程死鎖,在報告的Errors將會出現。
2、Logs 這部分是對system、main和kernel日誌的分析,在這里你可以看到每個進程內存使用圖、那個程序產生的log最多、Activity的啟動耗時、資料庫操作耗時統計、對象被鎖定時間、AIDL調用時間、Activity和Service的生命周期及其在內存中使用頻率等等,詳見
3、Packages ChkBugReport解析bugreport中存儲的packages.xml並展示一系列的packages、user ids和 permissions。參見
4、Processes 操作app過程中產生的系統事件日誌、內存使用信息等等,參見
5、Battery statistics 電池使用統計信息,參見
6、CPU Frequency statistics CPU頻率統計信息,參見
7、Raw data 被分割成小段的原始數據

同時ChkBugReport也可以檢測到(潛在的)錯誤,這些錯誤在輸出的報告Errors部分中可以找到。你也可以在輸出報告的stacktrace中找到死鎖或一些違反Strict Mode的行為。

二、ChkBugReport使用

使用很簡單:1 java -jar $HOME/Downloads/chkbugreport.jar $HOME/tmp/bugreport.txt

你也可以把chkbugreport.jar加到path下,然後這樣使用1 chkbugreport thebugreport.txt

該工具將根據你的bugreport數據輸出一個分析結果目錄bugreport_out。

你可以使用如下命令取得bugreport:1 adb shell bugreport > bugreport.txt

當然你可以使用ChkBugReport分析bugreport的部分數據比如/data/anr/traces.txt1 chkbugreport -sl:the_system_log.txt -sa:traces.txt mmy

這將輸出分析結果到mmy_out。
你甚至可以使用ChkBugReport分析traceview生成的數據1 chkbugreport -t something.prof

Prof數據生成方法可以參考以下方法:
1、可以使用eclipse插件traceview生成
2、也可以按如下步驟:
a.用adb shell ps列出所有進程並找出你想要trace的進程的PID
b.執行adb shell am profile PID start /data/profile.dat,開始分析
c.操作你的app
d.執行adb shell am profile PID stop ,停止分析
e.導出數據並清除臨時文件:adb pull /data/profile.dat adb shell rm /data/profile.dat
f.使用ChkBugReport進行分析 chkbugreport -t profile.dat

Ⅵ 怎麼把字元串賦值給treeNodes

擇ztree替代jstree是因為ztree的官網的api文檔詳細,容易理解。
下面說下在開發中ztree的2個功能的實現
1、給樹賦值如下圖

代碼如下:
//修改-人員管理
function achievementmag_peopedit_click(id){
achievementmag_peop_add=false;
achievementmag_peop_validform.resetForm();
//以下代碼實現樹賦值
var treeObj = $.fn.zTree.getZTreeObj("achievementmag_peop_structure");//根據 treeId 獲取 zTree 對象
var node=treeObj.getNodeByParam("id",id, null);//根據節點數據的屬性(id)獲取條件完全匹配的節點數據 JSON 對象集合
treeObj.selectNode(node,false);//根據節點數據選中指定節點,false表示單獨選中,之前選中的節點會被取消選中狀態,為true 表示追加選中

Ⅶ 如何用jsTree.js實現結點展開和收攏時圖標的變化

您好,很高興為您解答。

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge"><!--IE使用它所支持的最新版本-->
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>tree</title>
<linkhref="../css/bootstrap.min.css"rel="stylesheet">
<linkhref="../css/style.min.css"rel="stylesheet">
<linkhref="../css/font-awesome.min.css"rel="stylesheet">
</head>
<body>
<divid="myTree">
<ul>
<li>Root1</li>
<li>Root2
<ul>
<liid="child1">
<a>child1</a>
<ul>
<li>child1-1</li>
<li>child1-2</li>
</ul>
</li>

<li>child2</li>
<li>child3</li>
</ul>
</li>
<li>Root3</li>
</ul>
</div>

<scriptsrc="../js/jquery.min.js"></script>
<scriptsrc="../js/bootstrap.min.js"></script>
<scriptsrc="../js/jstree.min.js"></script>
<script>
$(function(){
$('#myTree').jstree();
$('#myTree').on("changed.jstree",function(e,data){
console.log(data.selected);
});
$('button').on('click',function(){
$('#myTree').jstree(true).select_node('child1');
$('#myTree').jstree('select_node','child1');
$.jstree.reference('#myTree').select_node('child1');
});
});
</script>

</body>
</html>


如若滿意,請點擊右側【採納答案】,如若還有問題,請點擊【追問】


希望我的回答對您有所幫助,望採納!


~O(∩_∩)O~

Ⅷ java使用jstree做了一個樹形結構。我在節點下面自己寫了一個span標簽。怎麼在js中獲取這個span標簽的內容

$("選擇器").html()可以直接獲取這個span裡面所有的html片段

Ⅸ 我想用Java 寫一個 jstree 的 json 數據對象的封裝 類 不知道怎麼寫 ,

你可以找專門的做java到json轉化的工具類,使用起來很簡單,不用自己寫生成json的代碼。
這種工具類有很多。在網上隨便一搜就有。

Ⅹ 用java怎麼寫一個欄目樹

前台顯示的樹和Java沒關系,都是用js實現的,試試jstree,jstree.org

閱讀全文

與jstreejava相關的資料

熱點內容
生意不忙怎麼解壓 瀏覽:500
歡太健康app在哪裡下載 瀏覽:488
androidtools使用教程 瀏覽:971
十天突破雅思口語pdf劍9 瀏覽:295
李誕笑場pdf 瀏覽:265
自用紙巾做解壓筆 瀏覽:129
銀行流水解壓碼是多少 瀏覽:895
百度哪個app好用 瀏覽:316
115廣告聯盟源碼 瀏覽:494
聯通app簽到源碼 瀏覽:680
怎麼連接另一個伺服器的資料庫 瀏覽:742
貓盤洗白命令 瀏覽:844
168api源碼 瀏覽:967
不同地方的文件伺服器如何通信 瀏覽:599
自己電腦上搭建ftp伺服器地址 瀏覽:977
程序員的秋招秘籍 瀏覽:821
單片機國內外研究現狀 瀏覽:308
gta5如何進千人真實伺服器 瀏覽:996
電腦html壁紙源碼 瀏覽:726
c語言返回命令 瀏覽:933