欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

zTree節(jié)點(diǎn)文字過多的處理方法

 更新時(shí)間：2017年11月24日 16:31:05   作者：wavemelody  
這篇文章主要為大家詳細(xì)介紹了zTree節(jié)點(diǎn)文字過多的處理方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

zTree setting.view.addDiyDom 方法可以實(shí)現(xiàn)自定義控件，指定節(jié)點(diǎn)顯示內(nèi)容。因此需要自己實(shí)現(xiàn)addDiyDom方法。

如果樹節(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);
 }
}

如果樹節(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)定義如下：

 //樹屬性的定義 
 var setting = { 
 //頁(yè)面上的顯示效果 
 view: { 
  addHoverDom: addHoverDom, //當(dāng)鼠標(biāo)移動(dòng)到節(jié)點(diǎn)上時(shí)，顯示用戶自定義控件 
  removeHoverDom: removeHoverDom, //離開節(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í)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論