<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="Resurces/themes/easyui.css" rel="stylesheet" />
<link href="Resurces/themes/icon.css" rel="stylesheet" />
<script src="Resurces/Javascript/jquery.min.js"></script>
<script src="Resurces/Javascript/jquery.easyui.min.js"></script>
<script>
$(function () {
$('#cc').combotree({
method: 'get', //必须指明
url: 'Data/tree_data1.json',//必须指明
editable: true, //编辑,支持模糊查询
multiple: true, //为true,出来多选框,勾选多个
required: true,
missingMessage: '不能为空,请选择',
prompt: '请选择下拉...',
onHidePanel: function () {
var _options = $(this).combobox('options');
var _data = $(this).combobox('getData');/* 下拉框所有选项 */
var _value = $(this).combobox('getValue');/* 用户输入的值 */
var _b = false;/* 标识是否在下拉列表中找到了用户输入的字符 */
for (var i = 0; i < _data.length; i++) {
if (_data[i][_options.valueField] == _value) {
_b = true;
break;
}
}
if (!_b) {
$(this).combobox('setValue', '');
}
}
});
$('#dd').combobox({
method: 'get', //必须指明
url: 'Data/combox1.json',//必须指明
valueField: 'id',
textField: 'text',
editable: true, //编辑,支持模糊查询
//multiple: true, //为true,出来多选框,勾选多个
required: true,
onChange: function (newValue, oldValue) {
reload();//实现联动
}
});
});
function reload() {
$('#dd').combobox({
method: 'reload', //必须指明
url: 'Data/combox1.json?param='+'这里是传的新值'+'&a='+Math.random()//必须指明
});
}
function GetData() {
var t = $('#cc').combotree('getData');
alert(t.length);
}
function SetDefault() {
var t = $('#cc').combotree('getData');
$('#cc').combotree('select',t[0].id);
}
function getValues() {
var t = $('#cc').combotree('getValues');
alert(t);
}
function getValue() {
var t = $('#cc').combotree('getValue');
alert(t);
}
function setValues() {
$('#cc').combotree('setValues', ['111', '112']);
}
function setValue() {
$('#cc').combotree('setValue', '11');
}
function disable() {
$('#cc').combotree('disable');
}
function enable() {
$('#cc').combotree('enable');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="cc" />
<input id="dd" />
<input type="button" value="getValue" onclick="getValue()" />
<input type="button" value="getValues" onclick="getValues()" />
<input type="button" value="setValue" onclick="setValue()" />
<input type="button" value="setValues" onclick="setValues()" />
<input type="button" value="disable" onclick="disable()" />
<input type="button" value="enable" onclick="enable()" />
</div>
</form>
</body>
</html>

easyui combotree combobox 使用例子的更多相关文章

  1. 表单(上)EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树

    EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等. ...

  2. easyui combotree模糊查询

    技术交流QQ群:15129679 让EasyUI的combobox和combotree同时支持自定义模糊查询,在不更改其他代码的情况下,添加以下代码就行了: /** * combobox和combot ...

  3. easyui combotree 异步树 前端写法js

    简要说下使用场景: combotree下拉框第一次加载时,请求一个接口,页面上展示顶层节点们(可以理解为最顶层的节点,比如所有的一级公司): 当点击其中一个节点前面的小三角展开时,再次请求服务器接口( ...

  4. easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

    easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...

  5. EasyUI ComboTree无限层级异步加载示例

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="EasuUIDemoTree.a ...

  6. EasyUI 中 Combobox里的onChange和onSelect事件的区别

    EasyUI 中 Combobox 选项发生改变时会触发 onChange,onSelect,onClick 3 个事件. 最近要做一个级联的 Combo 菜单,类似于选择地址时让用户填写省,市,区的 ...

  7. Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径

    Jquery EasyUI Combotree展开所有父节点 Jquery EasyUI Combotree获取树完整路径 Jquery EasyUI tree展开所有父节点 Jquery EasyU ...

  8. Jquery EasyUI Combotree根据选中的值展开所有父节点

    Jquery EasyUI Combotree根据选中的值展开所有父节点  Jquery EasyUI Combotree 展开父节点, Jquery EasyUI Combotree根据子节点选中的 ...

  9. Jquery EasyUI Combotree 初始化赋值

    Jquery EasyUI Combotree 初始化赋值 ================================ ©Copyright 蕃薯耀 2018年5月7日 https://www. ...

随机推荐

  1. hihocoder [Offer收割]编程练习赛12 [1495] ---- 矩形分割

    原题链接 矩形分割 算法分析: 解决该题要用到"并查集"的思想. 这里有一篇不错的博客介绍并查集: 并查集(Union-Find)算法介绍 记 int total=N*M,这里会有 ...

  2. ActiveReports 报表应用教程 (16)---报表导出

    葡萄城ActiveReports报表支持多种格式的报表导出,包括PDF.Excel.Word.RTF.HTML.Text.TIFF以及其它图片格式,用户可以将它们应用到Windows Forms.We ...

  3. MSSQL在线文件还原脚本

    在线文件还原:如果比较大的MSSQL数据库的损坏只是集中在其中某一个文件或者文件组上,使用在线文件还原技术,只是把坏掉的数据文件或者文件组重建,能节约很多时间.以下是测试脚本(假设损坏的文件时Trn0 ...

  4. Python3部分Print输出格式

    print("Hello World!") #直接打印字符串 print('Hello World!') #对于python,单引号也可以表示字符串 name = 'Tom' #自 ...

  5. .Net WebRequest异步请求与WebClient异步请求

    很多情况下一般会使用同步方式发出请求,直到响应后再做后续的逻辑处理等,但有时候后续的逻辑处理不依赖于请求的结果或者是可以挂起等到响应后再处理,又或者是为了解决UI“假死”的现象,这时可以使用异步请求 ...

  6. Dictionary CovertTo List

    示例代码 假设有如下一个Dictionary 要转换成List Dictionary<string, string> dicNumber = new Dictionary<strin ...

  7. JDOM 操作XML

    http://www.cnblogs.com/hoojo/archive/2011/08/11/2134638.html 可扩展标记语言——eXtensible Markup Language 用户可 ...

  8. Linux parted命令详解

    parted常见命令参数 Usage: parted [OPTION]... [DEVICE [COMMAND [PARAMETERS]...]...] Apply COMMANDs with PAR ...

  9. 【转】Java十大常用框架介绍(spring系+dubbo+RabbitMQ+Ehcache+redis)

    一.SpringMVC Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架,即使用了MVC架构模式的思想,将web层进行职责解耦,基于请求驱动 ...

  10. VS 0x80041FEB

    在打开from设计界面时,报错. 解决方法:将项目中Properties文件中licenses.licx删除,重新建立一个空的licenses.licx文件放到项目中. 重新打开界面,解决