相关疑难解决方法(0)

jsTree隐藏复选框

我使用jsTree jQuery插件来显示5级深度树.我想不在最后一级显示复选框.有没有办法在设置或一些jquery处理中执行此操作后我可以删除这些复选框?我能够使用类型插件禁用它们,但我真的希望它们不可见.

这是我的树的一个例​​子"[x]"=一个复选框

[x] lvl 1
  [x] lvl 2
    [x] lvl 3
      [x] lvl 4
        [x] lvl 5a
        [x] lvl 5b
        [x] lvl 5c
Run Code Online (Sandbox Code Playgroud)

这是我想要的一个例子"[x]"=一个复选框

[x] lvl 1
  [x] lvl 2
    [x] lvl 3
      [x] lvl 4
          lvl 5a
          lvl 5b
          lvl 5c
Run Code Online (Sandbox Code Playgroud)

编辑答案找到了

找到了答案.添加将在加载树时调用的.bind,然后添加一些简单的jquery来隐藏复选框.

$("#right-tree2").bind("loaded.jstree", function(event, data) {
   $('.lvl4').find('ins.jstree-checkbox').hide();
})
.jstree({....});
Run Code Online (Sandbox Code Playgroud)

jquery jstree

9
推荐指数
2
解决办法
1万
查看次数

jstree禁用复选框

我目前正在使用JS Tree插件和相关的复选框插件来处理一些POC.对于某些节点,我需要在默认情况下选中复选框并禁用任何进一步的选择.我找到了隐藏复选框的功能

.bind("load_node.jstree", function (e, data) {
          $(this).find('li[rel!=file]').find('.jstree-checkbox:first').hide();
      });
Run Code Online (Sandbox Code Playgroud)

而不是完全隐藏复选框我想找到一种方法来禁用某些节点的复选框

javascript checkbox jstree

8
推荐指数
1
解决办法
1万
查看次数

不同的树视图图标和启用/禁用jstree中的复选框

我需要更改树视图图标并启用/禁用复选框,
请查看以下代码:

function LoadJSTree() {
        $.noConflict();

        $(function () {
            $('#demoTree').jstree({
                'checkbox': {
                    'keep_selected_style': false,
                    'two_state': true
                },
                "types": {
                    "#": {
                        "max_children": 1,
                        "max_depth": 4,
                        "valid_children": ["root"]
                    },
                    "root": {
                        "icon": "/static/3.1.1/assets/images/tree_icon.png",
                        "valid_children": ["default"],
                        "check_node": false,
                    },
                    "default": {
                        "valid_children": ["default", "file"],
                        "check_node": true,
                        "uncheck_node": true
                    },
                    "disabled":{
                        "check_node": false,
                        "uncheck_node": false

                    },

                    "file": {
                        "icon": "glyphicon glyphicon-file",
                        "valid_children": [],
                        "check_node": true,
                        "uncheck_node": true

                    }
                },

                "plugins": ["types"],
                'core': {
                    'data': [
                        {
                            "text": "Root node", "type": "root", "parent":"#", "children": …
Run Code Online (Sandbox Code Playgroud)

javascript jquery jstree

5
推荐指数
1
解决办法
1680
查看次数

标签 统计

jstree ×3

javascript ×2

jquery ×2

checkbox ×1