zTree節(jié)點(diǎn)文字過(guò)多的處理方法
zTree setting.view.addDiyDom 方法可以實(shí)現(xiàn)自定義控件,指定節(jié)點(diǎn)顯示內(nèi)容。因此需要自己實(shí)現(xiàn)addDiyDom方法。
如果樹(shù)節(jié)點(diǎn)不顯示checkbox ,處理方法為:
function addDiyDom(treeId, treeNode) { var spaceWidth = 5; var switchObj = $("#" + treeNode.tId + "_switch"), icoObj = $("#" + treeNode.tId + "_ico"); switchObj.remove(); icoObj.parent().before(switchObj); var spantxt = $("#" + treeNode.tId + "_span").html(); if (spantxt.length > 19) { spantxt = spantxt.substring(0, 29) + "..."; $("#" + treeNode.tId + "_span").html(spantxt); } }
如果樹(shù)節(jié)點(diǎn)有checkbox,處理方法為:
function addDiyDomWithCheck(treeId, treeNode) { var spaceWidth = 5; var switchObj = $("#" + treeNode.tId + "_switch"), checkObj = $("#" + treeNode.tId + "_check"), icoObj = $("#" + treeNode.tId + "_ico"); switchObj.remove(); checkObj.remove(); icoObj.parent().before(switchObj); icoObj.parent().before(checkObj); var spantxt = $("#" + treeNode.tId + "_span").html(); $("#" + treeNode.tId + "_span").css({"fontSize":13}); $("#" + treeNode.tId + "_span").attr("data-toggle","tooltip"); $("#" + treeNode.tId + "_span").attr("data-placement","top"); if (spantxt.length > 19) { spantxt = spantxt.substring(0, 19) + "..."; $("#" + treeNode.tId + "_span").html(spantxt); } }
zTree view 相關(guān)定義如下:
//樹(shù)屬性的定義 var setting = { //頁(yè)面上的顯示效果 view: { addHoverDom: addHoverDom, //當(dāng)鼠標(biāo)移動(dòng)到節(jié)點(diǎn)上時(shí),顯示用戶自定義控件 removeHoverDom: removeHoverDom, //離開(kāi)節(jié)點(diǎn)時(shí)的操作 selectedMulti: false, txtSelectedEnable: true, showLine: true, addDiyDom: addDiyDomWithCheck } }
實(shí)現(xiàn)效果如下,超長(zhǎng)部分將顯示為省略號(hào)...
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- ztree獲取當(dāng)前選中節(jié)點(diǎn)子節(jié)點(diǎn)id集合的方法
- js樹(shù)插件zTree獲取所有選中節(jié)點(diǎn)數(shù)據(jù)的方法
- 后臺(tái)獲取ZTREE選中節(jié)點(diǎn)的方法
- zTree實(shí)現(xiàn)節(jié)點(diǎn)修改的實(shí)時(shí)刷新功能
- 在父頁(yè)面得到zTree已選中的節(jié)點(diǎn)的方法
- ztree獲取選中節(jié)點(diǎn)時(shí)不能進(jìn)入可視區(qū)域出現(xiàn)BUG如何解決
- jQuery插件zTree實(shí)現(xiàn)刪除樹(shù)節(jié)點(diǎn)的方法示例
- zTree異步加載展開(kāi)第一級(jí)節(jié)點(diǎn)的實(shí)現(xiàn)方法
- jQuery插件zTree實(shí)現(xiàn)的基本樹(shù)與節(jié)點(diǎn)獲取操作示例
- jQuery插件zTree實(shí)現(xiàn)清空選中第一個(gè)節(jié)點(diǎn)所有子節(jié)點(diǎn)的方法
相關(guān)文章
分享33個(gè)jQuery與CSS3實(shí)現(xiàn)的絢麗鼠標(biāo)懸停效果
今天整理了33個(gè)使用jQuery與CSS3實(shí)現(xiàn)絢麗的鼠標(biāo)懸停效果,有些是純CSS3的,這些效果你完全可以用在你的網(wǎng)頁(yè)上,讓網(wǎng)站獲得更好的體驗(yàn)2014-12-12Jquery跨域獲得Json時(shí)invalid label錯(cuò)誤的解決辦法
這兩天用 Jquery 跨域取數(shù)據(jù)的時(shí)候,經(jīng)常碰到 invalid label 這個(gè)錯(cuò)誤,十分的郁悶,老是取不到服務(wù)器端發(fā)送回來(lái)的 json 值,一般跨域用到的兩個(gè)方法為:$.ajax 和 $.getJson2011-01-01jQuery實(shí)現(xiàn)滾動(dòng)切換的tab選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)切換的tab選項(xiàng)卡效果代碼,涉及jquery鏈?zhǔn)讲僮骷皹邮絼?dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jQuery.validate 常用方法及需要注意的問(wèn)題
jQuery.validate 常用方法及需要注意的問(wèn)題,需要的朋友可以參考一下2013-03-03jQuery EasyUI中的日期控件DateBox修改方法
下面小編就為大家?guī)?lái)一篇jQuery EasyUI中的日期控件DateBox修改方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11jQuery+CSS實(shí)現(xiàn)滑動(dòng)的標(biāo)簽分欄切換效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)滑動(dòng)的標(biāo)簽分欄切換效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12jQuery中:first-child選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:first-child選擇器用法,實(shí)例分析了:first-child選擇器的功能、定義及匹配父元素的第一個(gè)子元素的用法技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12jquery向.ashx文件post中文亂碼問(wèn)題的解決方法
jquery向.ashx文件post中文亂碼問(wèn)題的解決方法,需要的朋友可以參考下。2011-03-03