>

zTree节点文字过多的拍卖措施必发88官网,节点文

- 编辑:www.bifa688.com -

zTree节点文字过多的拍卖措施必发88官网,节点文

zTree setting.view.addDiyDom 方法能够完成自定义控件,钦点节点展现内容。由此须要团结落成addDiyDom方法。

zTree setting.view.addDiyDom 方法能够兑现自定义控件,钦赐节点显示内容。因而需求和煦达成addDiyDom方法。

必发88官网 1

必发88官网 2

纵然树节点不突显checkbox ,处理方式为:

要是树节点不展现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);
    }
}
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);
 }
}

例如树节点有checkbox,管理办法为:

1经树节点有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);
    }

}
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 相关定义如下:

zTree view 相关定义如下:

 //树属性的定义  
 var setting = {  
    //页面上的显示效果  
    view: {  
        addHoverDom: addHoverDom, //当鼠标移动到节点上时,显示用户自定义控件  
        removeHoverDom: removeHoverDom, //离开节点时的操作  
        selectedMulti: false,
        txtSelectedEnable: true,
        showLine: true,
        addDiyDom: addDiyDomWithCheck
    }
}
 //树属性的定义 
 var setting = { 
 //页面上的显示效果 
 view: { 
  addHoverDom: addHoverDom, //当鼠标移动到节点上时,显示用户自定义控件 
  removeHoverDom: removeHoverDom, //离开节点时的操作 
  selectedMulti: false,
  txtSelectedEnable: true,
  showLine: true,
  addDiyDom: addDiyDomWithCheck
 }
}

必发88官网,贯彻效益如下,超长部分将显示为不难号...

达成效益如下,超长部分将体现为简单号...

必发88官网 3

必发88官网 4

上述便是本文的全体内容,希望对我们的求学抱有支持,也期待大家多多帮衬脚本之家。

你恐怕感兴趣的篇章:

  • ztree获得当前选中节点子节点id集结的办法
  • js树插件zTree获取具备入选节点数据的诀要
  • 后台获取ZTREE选中节点的措施
  • zTree达成节点修改的实时刷新功用
  • 在父页面获得zTree已入选的节点的法子
  • ztree得到选中节点时无法进来可视区域现身BUG怎么着化解
  • jQuery插件zTree完毕删除树节点的措施言传身教
  • zTree异步加载打开第一流节点的兑现方式
  • jQuery插件zTree实现的基本树与节点获取操作示例
  • jQuery插件zTree落成清空选中首先个节点全部子节点的主意

本文由必发88官网发布,转载请注明来源:zTree节点文字过多的拍卖措施必发88官网,节点文