Question

我正在使用jstree创建一个新节点，它会错误地显示节点。

以下两张图片是创建后节点不合适的图片。

它们位于div内的表中。 div是可滚动的，节点在初始创建时随滚动移动。

取消选择节点后，它会转到正确的位置。

Picture of node out of place.“节点在创建后不合适”

Picture of node out of place.“另一个节点不合适”

显然，重命名也会发生这种情况。

Answer 1

在jstree.js中修改了_show_input函数，如下所示：

h2 = obj.children('a:first').after(
    $("<input />", { 
        "value" : t,
        "class" : "jstree-rename-input",
        // "size" : t.length,
        "css" : {
            "padding" : "0",
            "border" : "1px solid silver",
            "left"  : (rtl ? "auto" : (w1 + w2 + 4) + "px"),
            "right" : (rtl ? (w1 + w2 + 4) + "px" : "auto"),
            "top" : "0px",
            "height" : (this.data.core.li_height - 2) + "px",
            "lineHeight" : (this.data.core.li_height - 2) + "px",
            "width" : "150px" // will be set a bit further down
        },
        "blur" : $.proxy(function () {
            var i = obj.children(".jstree-rename-input"),
                v = i.val();
            if(v === "") { v = t; }
            h1.remove();
            i.remove(); // rollback purposes
            this.set_text(obj,t); // rollback purposes
            this.rename_node(obj, v);
            callback.call(this, obj, v, t);
            obj.css("position","");
        }, this),
        "keyup" : function (event) {
            var key = event.keyCode || event.which;
            if(key == 27) { this.value = t; this.blur(); return; }
            else if(key == 13) { this.blur(); return; }
            else {
                h2.width(Math.min(h1.text("pW" + this.value).width(),w));
            }
        },
        "keypress" : function(event) {
            var key = event.keyCode || event.which;
            if(key == 13) { return false; }
        }
    })
).siblings(".jstree-rename-input");

第一行被更改为在obj中的第一个锚元素之后追加输入对象，obj是一个LI元素。最后一行被更改为返回所有带有.jstree-rename-input类的兄弟。

还删除了输入和对象的绝对定位。

创建节点后jstree显示不正确

1 个答案: