淺談EasyUi ComBotree樹修改 父節(jié)點(diǎn)選擇的問題
本人在使用 Easy UI 期間發(fā)現(xiàn)了一個(gè)不太適合項(xiàng)目的bug,可能也不算bug把 。 畢竟不同項(xiàng)目背景 取舍不同。
我在做網(wǎng)元樹選擇的時(shí)候 發(fā)現(xiàn)當(dāng)選取父節(jié)點(diǎn)后,子節(jié)點(diǎn)都會(huì)被選擇 返回 。但是如果我們選中父節(jié)點(diǎn)后沒有必要選擇子節(jié)點(diǎn)。 故對(duì)源腳本作適當(dāng)修改
下拉框樹修改 父節(jié)點(diǎn)選中后只顯示父節(jié)點(diǎn) 取消返回子節(jié)點(diǎn)
修改方法 找到樹的選擇函數(shù) 進(jìn)行遍歷判斷
查找關(guān)鍵字 combotree multiple
大約行數(shù) 10564
function _7d5(_7d6) { var opts=$.data(_7d6,"combotree").options; var tree=$.data(_7d6,"combotree").tree; var vv=[],ss=[]; if(opts.multiple){ var _7d7 = tree.tree("getChecked");//獲得樹的選擇 for (var i = 0; i < _7d7.length; i++) { // if (tree.tree('isLeaf', _7d7[i].target)) { //如果當(dāng)前節(jié)點(diǎn)是葉子節(jié)點(diǎn) var pnode = tree.tree('getParent', _7d7[i].target); //獲取當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn) if (pnode) { var nopnode = true; for (var j = 0; j < i; j++) {//endfor遍歷循環(huán)是否存在父節(jié)點(diǎn) if (_7d7[j].id == pnode.id) { nopnode = false; } } if (nopnode == true) {//如果不存在父節(jié)點(diǎn) vv.push(_7d7[i].id); ss.push(_7d7[i].text); } } // } //end是葉子節(jié)點(diǎn) else { vv.push(_7d7[i].id); ss.push(_7d7[i].text); }//是根節(jié)點(diǎn) }//end for //該處為源代碼 //for(var i=0;i<_7d7.length;i++){ //vv.push(_7d7[i].id); //ss.push(_7d7[i].text); //}//end for //end if } else { var node=tree.tree("getSelected"); if(node){ vv.push(node.id); ss.push(node.text); } } $(_7d6).combo("setValues",vv).combo("setText",ss.join(opts.separator)); };
以上這篇淺談EasyUi ComBotree樹修改 父節(jié)點(diǎn)選擇的問題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- EasyUi combotree 實(shí)現(xiàn)動(dòng)態(tài)加載樹節(jié)點(diǎn)
- 輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹形菜單
- Jquery easyui 實(shí)現(xiàn)動(dòng)態(tài)樹
- jquery中EasyUI實(shí)現(xiàn)異步樹
- jquery中EasyUI實(shí)現(xiàn)同步樹
- EasyUI Tree+Asp.net實(shí)現(xiàn)權(quán)限樹或目錄樹導(dǎo)航的簡(jiǎn)單實(shí)例
- jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
- EasyUI創(chuàng)建人員樹的實(shí)例代碼
相關(guān)文章
jQuery中closest()函數(shù)用法實(shí)例
這篇文章主要介紹了jQuery中closest()函數(shù)用法,實(shí)例分析了closest()函數(shù)的功能、定義及匹配元素的各種技巧,需要的朋友可以參考下2015-01-01jQuery基于cookie實(shí)現(xiàn)換膚功能實(shí)例
這篇文章主要介紹了jQuery基于cookie實(shí)現(xiàn)換膚功能,結(jié)合具體實(shí)例形式分析了jQuery使用cookie記錄與讀取用戶信息實(shí)現(xiàn)頁(yè)面樣式的操作方法,需要的朋友可以參考下2017-10-10jquery使用animate方法實(shí)現(xiàn)控制元素移動(dòng)
這篇文章主要介紹了jquery使用animate方法實(shí)現(xiàn)控制元素移動(dòng),涉及jQuery中animate方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03JQuery表單驗(yàn)證插件EasyValidator用法分析
這篇文章主要介紹了JQuery表單驗(yàn)證插件EasyValidator用法,以實(shí)例形式系統(tǒng)分析了EasyValidator的功能特性及具體用法,是非常實(shí)用的jQuery插件,需要的朋友可以參考下2014-11-11Jquery+AJAX實(shí)現(xiàn)無刷新上傳并重命名文件操作示例【PHP后臺(tái)接收】
這篇文章主要介紹了Jquery+AJAX實(shí)現(xiàn)無刷新上傳并重命名文件操作,結(jié)合實(shí)例形式分析了jQuery+ajax前臺(tái)上傳文件與PHP后臺(tái)接收處理相關(guān)操作技巧,需要的朋友可以參考下2020-05-05利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框輸入框時(shí),自動(dòng)顯示下面的下拉列表,而且是根據(jù)輸入框中輸入的搜索添加,自動(dòng)在后臺(tái)查找,然后傳到前臺(tái),展現(xiàn)頁(yè)面2013-10-10jquery判斷checkbox是否選中及改變checkbox狀態(tài)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query判斷checkbox是否選中及改變checkbox狀態(tài)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05QRCode.js:基于JQuery的生成二維碼JS庫(kù)的使用
本篇文章主要介紹了QRCode.js:基于JQuery的生成二維碼JS庫(kù)的使用,具有一定的參考價(jià)值,有興趣的同學(xué)可以了解一下2017-06-06asp.net+jquery.form實(shí)現(xiàn)圖片異步上傳的方法(附j(luò)query.form.js下載)
這篇文章主要介紹了asp.net+jquery.form實(shí)現(xiàn)圖片異步上傳的方法,結(jié)合實(shí)例形式分析了jquery.form.js前臺(tái)異步提交圖片與asp.net后臺(tái)處理的相關(guān)技巧,需要的朋友可以參考下2016-05-05基于jQuery的$.getScript方法去加載javaScript文檔解析
下面小編就為大家?guī)硪黄趈Query的$.getScript方法去加載javaScript文檔解析。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11