国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開發(fā) > PHP > 正文

dhtmlxTree目錄樹增加右鍵菜單以及拖拽排序的實(shí)現(xiàn)方法

2024-05-04 21:53:22
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

在以前的一個(gè)公司內(nèi)部管理系統(tǒng)(InnerOA)中,對(duì)于目錄樹的構(gòu)造我采用的是dTree,實(shí)現(xiàn)無(wú)限級(jí)目錄顯示及右鍵菜單功能(右鍵菜單中包括:新建、修改、共享、刪除、刷新等功能,如下圖所示)

關(guān)于公司內(nèi)部管理系統(tǒng)(InnerOA)中目錄樹的一些知識(shí)以后有時(shí)間將整理并提供源碼。

但是dTree唯一遺憾的是不支持拖拽排序功能,這讓我在完成InnerOA之后心里一直糾結(jié)的問(wèn)題。在網(wǎng)上查看關(guān)于目錄樹的一些內(nèi)容,dTree是我目前認(rèn)為最符合我項(xiàng)目的一個(gè)。在一個(gè)偶然機(jī)會(huì),發(fā)現(xiàn)了另一個(gè)強(qiáng)大的目錄樹,也就是本文所說(shuō)的:dhtmlxTree,支持拖拽功能,然而在源碼中并沒(méi)有找到類似DEMO或功能,僅發(fā)現(xiàn)提供一個(gè)啟用拖拽參數(shù),不過(guò),這也讓我決心解決目錄樹的拖拽排序問(wèn)題,于是花了點(diǎn)時(shí)間研究了一下源碼和結(jié)合dTree項(xiàng)目所總結(jié)的經(jīng)驗(yàn),終于實(shí)現(xiàn)我的需求:可自由拖拽排序、移植dTree的右鍵菜單功能,并實(shí)現(xiàn)在所選目錄上右鍵單擊并彈出菜單,可以當(dāng)前目錄為基礎(chǔ),進(jìn)行如下操作:

1、在該目錄下新建目錄

2、修改當(dāng)前目錄名稱

3、刪除當(dāng)前目錄

4、刷新頁(yè)面

5、可增加其它功能,比如“共享”。我在公司內(nèi)部管理系統(tǒng)(InnerOA)中是以windows操作系統(tǒng)的共享為原型,設(shè)置“自讀共享”或“可寫共享”,并可指定對(duì)某用戶(或多用戶甚至全部用戶)共享。這樣只有設(shè)定共享的用戶,才可看到共享的內(nèi)容。

由于無(wú)法在線演示,下面用幾個(gè)圖說(shuō)明一下(源碼下載見:http://download.csdn.net/detail/zm2714/4544616):

1、可在任意目錄上點(diǎn)擊右鍵,新建目錄

2、可在任意目錄上點(diǎn)擊右鍵,修改當(dāng)前目錄。但根目錄除外。

上圖說(shuō)明:根目錄不可修改,即圖中Books不可修改。此id值為-1。這是一個(gè)特殊ID。標(biāo)志為根目錄。

上圖說(shuō)明:其它任意目錄勻可修改。實(shí)際使用中,是存在數(shù)據(jù)庫(kù)中目錄的ID值。上圖中“目錄ccc”的ID值為3。

上圖說(shuō)明:修改名稱后,點(diǎn)擊保存,即可。

3、可拖動(dòng)根目錄之外的任意目錄,拖拽排序。

拖拽排序原理:將欲選擇中目錄拖到其父目錄時(shí),更新他的時(shí)間為當(dāng)前時(shí)間。按時(shí)間DESC排序。這樣將出現(xiàn)在“父目錄”的第一個(gè)。循環(huán)此操作,可以實(shí)現(xiàn)排序功能。

二、代碼實(shí)現(xiàn)
1、引用js文件和樣式文件

復(fù)制代碼 代碼如下:www.CuoXIn.com

2、程序?qū)崿F(xiàn)
復(fù)制代碼 代碼如下:www.CuoXIn.com

<script type="text/javascript">
function showMsg(id,title,icon,str){
art.dialog.through({id:'msg',title:title,icon:icon,drag:false,lock:true,content:str,ok:function(){art.dialog.close();}});
}

function tondrag(id, id2){
alert(id);alert(id2);
return confirm("Do you want to move node " + tree.getItemText(id) + " to item " + tree.getItemText(id2) + "?");
};

$(document).ready(function(){
//$(document).bind("contextmenu",function(){return false;});
//$(document).bind("selectstart",function(){return false;});
tree = new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("./tree/imgs/");
//tree.setImageArrays("plus", "open2.gif", "open2.gif", "open2.gif", "open2.gif", "open2.gif");
//tree.setImageArrays("minus", "close2.gif", "close2.gif", "close2.gif", "close2.gif", "close2.gif");
//設(shè)置節(jié)點(diǎn)圖片 setStdImages('無(wú)子目錄時(shí)的圖片','節(jié)點(diǎn)展開后的圖片','節(jié)點(diǎn)未展開時(shí)的圖片')
tree.setStdImages("folderClosed.gif", "folderOpen.gif", "folderClosed.gif");
tree.enableDragAndDrop(1);//允許拖拽
tree.enableTreeLines(false);
tree.setOnRightClickHandler(function(id){
//var i=tree.getSelectedItemId();
//alert(i);
tree.selectItem(id);
$("#mm").val(id);
});

tree.setDragHandler(function(id,id2){//id為拖拽目錄的ID,id2拖拽終點(diǎn)目錄。將id2做為id的父目錄。
//art.dialog.confirm("Do you want to move node " + tree.getItemText(id) + " to item " + tree.getItemText(id2) + "?",function(){
$.post("tree/move_folder.
ps){
//art.dialog.through({title:'信息',icon:'face-smile',lock:true,content:tips,ok:function(){art.dialog.close();location.reload();}});
});
return true;
/

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 莱芜市| 当涂县| 宜昌市| 肥西县| 大连市| 林芝县| 盖州市| 邹平县| 吉木乃县| 招远市| 沙坪坝区| 南皮县| 郯城县| 宜君县| 尼木县| 新安县| 宾川县| 神木县| 娱乐| 云南省| 沁阳市| 佛冈县| 年辖:市辖区| 五河县| 苏州市| 嘉义市| 明星| 搜索| 剑河县| 桃源县| 宣恩县| 凤凰县| 镇安县| 河池市| 松溪县| 朔州市| 泰和县| 阳新县| 察雅县| 文安县| 克拉玛依市|