zTree的编辑状态下样式问题

发布于 2022-09-11 22:02:06 字数 287 浏览 21 评论 0

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

clipboard.png

点击编辑后:

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

固执像三岁 2022-09-18 22:02:06

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;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文