zoukankan      html  css  js  c++  java
  • EasyUI combotree 使用技巧

    $('#areaName').combotree({
                url: '../Ajax/Common.ashx?Method=GetCombotreeData',
                multiple: true,
                checkbox: true,
                isShowPic: false,
                onCheck: function (node, checked) {
                    //   MainJs.RemoveNodeAll('areaName');
                },
                onLoadSuccess: function (node, data) {
                    var rootNode = data[0];//第一个节点
                    if (rootNode) {
                        var t = $('#areaName').combotree('tree'); // 获取树对象
                        var node1=t.tree('find', rootNode.id);
                        t.tree("uncheck", node1.target); //取消所有的选中
                    }
                }
            });

    默认选中根节点的方法

     onLoadSuccess: function (node, data) {
                    var t = $('#WAY_JY').combotree('tree'); // 获取树对象
                    var rootNode = t.tree('getRoot');//基础节点
                    //var node1 = t.tree('find', rootNode.id);
                    t.tree("uncheck", rootNode.target); //取消所有的选中
                }

     json格式

    [
      {
        "id": 1,
        "text": "My Documents",
        "children": [
          {
            "id": 11,
            "text": "Photos",
            "state": "closed",
            "children": [
              {
                "id": 111,
                "text": "Friend"
              },
              {
                "id": 112,
                "text": "Wife"
              },
              {
                "id": 113,
                "text": "Company"
              }
            ]
          },
          {
            "id": 12,
            "text": "Program Files",
            "children": [
              {
                "id": 121,
                "text": "Intel"
              },
              {
                "id": 122,
                "text": "Java",
                "attributes": {
                  "p1": "Custom Attribute1",
                  "p2": "Custom Attribute2"
                }
              },
              {
                "id": 123,
                "text": "Microsoft Office"
              },
              {
                "id": 124,
                "text": "Games",
                "checked": true
              }
            ]
          },
          {
            "id": 13,
            "text": "index.html"
          },
          {
            "id": 14,
            "text": "about.html"
          },
          {
            "id": 15,
            "text": "welcome.html"
          }
        ]
      }
    ]

     清空控件的值:

    $("#type").combotree('clear');//清空控件的值

    ---->

  • 相关阅读:
    WPF简单模拟QQ登录背景动画
    Bootstrap WPF Style,Bootstrap风格的WPF样式
    琴弦文字 - wpf行为
    值得注意的IsHitTestVisible
    WPF实现三星手机充电界面
    我的Android开发之路——ListView的使用
    我的Android开发之路——百度地图开源工具获取定位信息
    例题 线段树合并
    [PA2015]Siano 单调栈
    笔记 可持久化线段树
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/4932366.html
Copyright © 2011-2022 走看看