zoukankan      html  css  js  c++  java
  • EasyuI comboxTree 使用笔记

    继承至 $.fn.combo.defaults 和$.fn.tree.defaults.覆盖默认值$.fn.combotree.defaults.

    combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree 支持树复选框,可以方便的实现多选

    相关依赖

    • combo
    • tree

    使用

    从标记创建combotree 
     
     
    使用javascript创建combotree 
    $('#cc').combotree({url: 'get_data.php',required: true});   

    属性

    属性继承至 combo 和 tree, 以下是combotree重写属性.

    NameTypeDescriptionDefault
    editable boolean 定义用户是否可以直接输入文本到选择框. false

    事件

    事件继承至 combo 和 tree.

    方法

    方法继承至 combo,以下是combotree新增和重写的方法.

    NameParameterDescription
    options none 返回 options 对象.
    tree none 返回树(tree)对象. 以下示例展示如何得到选择的树节点(node).
    var t = $('#cc').combotree('tree'); // 得到树对象 
    var n = t.tree('getSelected'); // 得到选择的节点 
    这里经过实践测试应该使用t.tree('getChecked');
    alert(n.text);
    loadData data 加载本地tree数据.

    示例代码:

    $('#cc').combotree('loadData', [{ id: 1, text: 'Languages', children: [{ id: 11, text: 'Java' },{ id: 12, text: 'C++' }] }]);
    reload url 重新请求远程服务器端数据. 传入'url'参数重写原始的URL值.
    clear none 清除组件值.
    setValues values 设置组件值数组.

    示例代码:

    $('#cc').combotree('setValues', [1,3,21]);
    setValue value 设置组件值.

    示例代码:

    $('#cc').combotree('setValue', 6); 

    //-------------------------------------------------------编辑的时候选中 comboxtree中的项------------------------------------------------------

    for (i=0;i<arr.length ;i++ ){
      node=$('#s1').combotree('tree').tree('find',arr[i]);
      $('#s1').combotree('tree').tree('check',node.target);
      $('#s1').combotree('tree').tree('expandAll', node.target);
    }
  • 相关阅读:
    oracle 绿色版本 instantclient 使用说明
    response 后刷新页面,点击按钮后,禁用该按钮
    模式对话框里的CheckedChanged事件
    PDF合并
    Android手机上抓包神器
    春社日的推算方法
    Web APi入门之Self-Host(二)
    Web Api之Cors跨域以及其他跨域方式(三)
    Web APi入门之基本操作(一)
    Self Host WebApi服务传输层SSL加密(服务器端+客户端调用)
  • 原文地址:https://www.cnblogs.com/zengpeng/p/6092853.html
Copyright © 2011-2022 走看看