JavaScript &&&&最新内容
JavaScript &&&&随机内容您当前位置： >
Classification
【技术探讨】
下载新闻文章相关内容
暂无相关下载内容
暂无相关新闻内容
jquery easyui的combotree设置某项不可选择方法
稿件来源: 阳光企业网站管理系统
& 撰稿作者: 太阳光
& 发表日期:
& 阅读次数: 3225
& 查看权限: 游客查看
jquery easyui 里面的combotree里面如何设置某一项不能被选择
在SCSCMS V2.0的网站基本设置里，使用了combotree选择默认会员发表内容的分类。当站长没有新建栏目分类时，显示的效果是这样的：690)this.width=690" alt="没有分类情况" src="/FUploadFile/images/not_cat.jpg" style="width: 245 height: 166" />很明显，这里只有栏目没有分类，应该禁止选择。但查遍了jquery easyui combotree都没找到禁止选择方法，搜索了互联网也暂没找到关于combotree设置某项不可选择方法。没办法只能动手改源码，于是研究了一下jquery easyui tree源码并找到了解决方法，以jquery-easyui-1.3.4为例：
打开：jquery.easyui.min.js 查找&tree-checkbox tree-checkbox1&字符
if(opts.checkbox&&item.checked!=&disabled&){
if(opts.onlyLeafCheck){
if(item.state==&open&&&(!item.children||!item.children.length)){
if(item.checked){
$(&&span class=\&tree-checkbox tree-checkbox1\&&&/span&&).prependTo(node);
$(&&span class=\&tree-checkbox tree-checkbox0\&&&/span&&).prependTo(node);
if(item.checked){
$(&&span class=\&tree-checkbox tree-checkbox1\&&&/span&&).prependTo(node);
_102.push(node[0]);
$(&&span class=\&tree-checkbox tree-checkbox0\&&&/span&&).prependTo(node);
if(_106==data){
_101.push(node[0]);
其中红色代码就是我们要添加上去的。然后我们就可以在json数据里添加&checked&:&disabled&属性来禁止选择。&checked&默认值是false，当为true时会自动选择。这样我们就可以任意设置某项菜单禁止选择了。效果如：
690)this.width=690" alt="" src="/FUploadFile/images/select_cat.jpg" style="width: 381 height: 242" />
关键词: jquery easyui,combotree,设置不可选 & 编辑时间:
0高兴0支持0搞笑2不解0谎言0枪稿0震惊0无奈0无聊0反对1愤怒
上一篇：下一篇：
中搜索： 中搜索：
article Pictrue
copyright(C)
阳光企业网站管理系统, all rights reserved。站长：太阳光 建站时间： 页面加载时间jQuery-easyUi之combobox Demo
已有 24166 次阅读
|个人分类:|系统分类:|关键词:jQuery EasyUI Combobox
& & & combobox在默认情况下是一种可编辑的下拉框，通过multiple属性设置该组件为单选(默认情况下为false，单选)还是多选。创建combobox组件的常见示例如下：一种是通过&input&方式：&input id=&state&
& & class=&easyui-combobox&
& & name=&state&
& & url=&../combobox/action_combobox_data.json& & & valueField=&id& & & textField=&text& & & multiple=true & & editable=false & & panelHeight=&auto& & & style=&width:200&&另外一种是通过javascript的方式：&input id=&cc& name=&cc& value=&cc&&$(function(){ & // 继承于combo也就是说具有combo的一切属性和方法，包括事件 & $(&#cc&).combobox({ & &&, & &textField:&text&, & &valueField:&id&, & &multiple:false, & &editable:false, & &panelHeight:&auto&, & &width:200, & &onChange:function(oldVal, newVal) { & &
& & alert(oldVal); & & alert(newVal); & & $(this).data(&oldVal&, oldVal); & &}, & &onSelect:function(rec) { & & // 这里起到下拉框连带(dependent comboboxes)的效果。 & & var url=&../combobox/combobox_data1.json& & & $(&#dd&).combobox(&reload&, url); & & var oldVal = $(this).data(&oldVal&) & & alert(oldVal); & &} & }); & &});其中json文件如下：[{ &id&:&AL&, &text&:&Alabama&},{ &id&:&AK&, &text&:&Alaska&},{ &id&:&AZ&, &text&:&Arizona&, &selected&:true},{ &id&:&AR&, &text&:&Arkansas&},{ &id&:&CA&, &text&:&California&}]& & & 总结：由于combobox继承于combo组件，因此具有combo的一切属性和方法，包括事件，例如onChange事件（比如上例方式二）。&参考资料：1、
转载本文请联系原作者获取授权，同时请注明本文来自程冬科学网博客。链接地址：
上一篇：下一篇：
当前推荐数：0
评论 ( 个评论)
扫一扫，分享此博文
作者的其他最新博文
热门博文导读
Powered by
Copyright &}