zTree的编辑状态下样式问题

vuvivian
  • 27
  1. 点击ztree自带的编辑按钮,input输入框错位。
  2. 进入编辑状态时,如何隐藏在addHoverDom中自定义的【添加】按钮。

clipboard.png

点击编辑后:

clipboard.png

回复
阅读 1.7k
1 个回答

1.通过修改css文件处理

.ztree li a.curSelectedNode_Edit {
    padding-left: 5px;padding-top:0px; background-color:#e5e5e5; color:black; height:22px; border:1px #666 solid; opacity:0.8;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:white; height:18px; border:1px #666 solid;
  opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:21px; width:90px; padding:0; margin:0;
  font-size:12px; border:1px #585956 solid; *border:0px; float:left}

2.通过treeNode.editNameFlag属性判断是否处于编辑状态

if (treeNode.editNameFlag || $("#" + treeNode.tId + "_add").length > 0) return;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏