加载中…
个人资料
微博
  • 博客等级：
  • 博客积分：
  • 博客访问：
  • 关注人气：
  • 获赠金笔：0支
  • 赠出金笔：0支
  • 荣誉徽章：
正文 字体大小：大 中 小

jquery easyUI ComboTree使用心得

(2012-10-26 16:44:39)
标签：

jqueryeasyui

杂谈

 分类： Javascript

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

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

http://my.csdn.net/uploads/201208/01/1343812434_3958.pngeasyUI ComboTree使用心得" />

相关依赖

  • combo
  • tree

使用

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

属性

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

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

事件

事件继承至 combo 和 tree.

方法

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

Name Parameter Description
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); 
 
 
 

附上100%完整的系统项目源码：

JSP图书馆管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a97e.html

 

JSP酒店宾馆管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a97m.html

 

JSP学生信息管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a97r.html

 

JSP房屋出售租赁管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a98c.html

 

J2EE酒店在线预订系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a97v.html

 

SSH/J2EE人力资源管理系统：http://blog.sina.com.cn/s/blog_4b5bc01101019ztu.html

 

ssh2图书管理系统（图书馆管理系统）： http://blog.sina.com.cn/s/blog_4b5bc0110101adf0.html

 

JSP图书馆管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a979.html

 

JSP酒店宾馆管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a97z.html

 

JSP学生信息管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a987.html

 

JSP房屋出售租赁管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101a98a.html


s2sh/j2ee图书管理系统 :http://blog.sina.com.cn/s/blog_4b5bc0110101ain5.html


ssh2图书管理系统（图书馆管理系统）:http://blog.sina.com.cn/s/blog_4b5bc0110101adf0.html


jsp信息发布系统(信息供求网站系统):http://blog.sina.com.cn/s/blog_4b5bc0110101aiou.html


struts2+servlet+jsp信息发布系统:http://blog.sina.com.cn/s/blog_4b5bc0110101aiop.html


jsp电子商城 网上商城系统:http://blog.sina.com.cn/s/blog_4b5bc0110101aiof.html


jsp电子商城 网上商城系统(struts+servlet+jsp):http://blog.sina.com.cn/s/blog_4b5bc0110101aio9.html


图书管理系统 jsp图书馆系统Struts2+Spring+Ibatis+extjs(ssi):

http://blog.sina.com.cn/s/blog_4b5bc0110101ainu.html


Struts2+Spring+Ibatis+extjs(ssi)图书管理系统 jsp图书馆系统:

http://blog.sina.com.cn/s/blog_4b5bc0110101ainh.html


ssh2图书管理系统（图书馆管理系统）:http://blog.sina.com.cn/s/blog_4b5bc0110101adf0.html


s2sh/j2ee图书管理系统 struts2+spring+hibernate:

http://blog.sina.com.cn/s/blog_4b5bc0110101ain5.html

 

 jsp酒店在线预订系统 酒店客房预定系统:http://blog.sina.com.cn/s/blog_4b5bc0110101atb8.html

 

jsp酒店在线预订系统 酒店客房预定系统:http://blog.sina.com.cn/s/blog_4b5bc0110101atbb.html

 

人力资源管理系统 S2SH/J2EE/JAVA:http://blog.sina.com.cn/s/blog_4b5bc0110101azoz.html

 

人力资源管理系统 S2SH/J2EE/JSP:http://blog.sina.com.cn/s/blog_4b5bc0110101azp0.html

 

ssh网上商城 电子商城struts hibernate  :http://blog.sina.com.cn/s/blog_4b5bc0110101b5gr.html

 

 ssh网上商城 电子商城struts hibernate:http://blog.sina.com.cn/s/blog_4b5bc0110101b5h2.html

 

ssh电子相册管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101bkbl.html


旋风软创图书管理系统 完美加强版 ：http://blog.sina.com.cn/s/blog_4b5bc0110101cbpb.html

 

s2sh设计管理系统：http://blog.sina.com.cn/s/blog_4b5bc0110101cvkp.html

 

实用技术：

J2EE/JSP应用技术70实例(源码)(实用)： http://blog.sina.com.cn/s/blog_4b5bc0110101acms.html  



喜欢

0

阅读┊ 收藏 ┊ 喜欢▼ ┊打印┊举报/Report
  

新浪BLOG意见反馈留言板　欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

Copyright © 1996 - 2022 SINA Corporation, All Rights Reserved

新浪公司 版权所有