easyui combotree combobox 使用例子
<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 使用例子的更多相关文章
- 表单（上）EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树
EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等. ...
- easyui combotree模糊查询
技术交流QQ群:15129679 让EasyUI的combobox和combotree同时支持自定义模糊查询,在不更改其他代码的情况下,添加以下代码就行了: /** * combobox和combot ...
- easyui combotree 异步树 前端写法js
简要说下使用场景: combotree下拉框第一次加载时,请求一个接口,页面上展示顶层节点们(可以理解为最顶层的节点,比如所有的一级公司): 当点击其中一个节点前面的小三角展开时,再次请求服务器接口( ...
- easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法
easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...
- EasyUI ComboTree无限层级异步加载示例
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EasuUIDemoTree.a ...
- EasyUI 中 Combobox里的onChange和onSelect事件的区别
EasyUI 中 Combobox 选项发生改变时会触发 onChange,onSelect,onClick 3 个事件. 最近要做一个级联的 Combo 菜单,类似于选择地址时让用户填写省,市,区的 ...
- Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径
Jquery EasyUI Combotree展开所有父节点 Jquery EasyUI Combotree获取树完整路径 Jquery EasyUI tree展开所有父节点 Jquery EasyU ...
- Jquery EasyUI Combotree根据选中的值展开所有父节点
Jquery EasyUI Combotree根据选中的值展开所有父节点 Jquery EasyUI Combotree 展开父节点, Jquery EasyUI Combotree根据子节点选中的 ...
- Jquery EasyUI Combotree 初始化赋值
Jquery EasyUI Combotree 初始化赋值 ================================ ©Copyright 蕃薯耀 2018年5月7日 https://www. ...
随机推荐
- 四种简单的sql语句（增删改查语句）
四种简单的sql语句(增删改查语句) 一.插入语句 insert into [table] ([column],[column],[column]) values(?,?,?) 二.删除语句 dele ...
- C# 8.0 范围类型 Range Type
目录 C# 8 范围类型 Range Type: 范围缩写: 从一个索引开始到数组的最后一个对象 从数组的第一个对象到指定索引 整个数组: 从数组的某个索引开始一直到距数组尾部某个索引: 范围类型 替 ...
- BZOJ5473: 仙人掌
传送门 首先,所有连通块的个数的期望再减去每个点孤立的概率就是答案. 设 \(d_i\) 表示 \(i\) 的度数,那么每个点孤立的概率为 \(\frac{1}{2^{d_i}}\) 考虑计算所有连通 ...
- php将多个值的数组去除重复元素
array_unique(array) 只能处理value只有单个的数组. 去除有多个value数组,可以使用如下函数实现: function more_array_unique($arr=array ...
- structs2.8创建拦截器
控制层 public class PrintUsername { private String username; public String getUsername() { return usern ...
- Nodejs编译Native Code：使用C++构建工具npm
Nodejs的很多NPM包需要本地编译,通常是C++写的代码,例如图像处理模块等. 这是如果生产环境没有安装Visual Studio 2015等开发工具,通常会编译失败,发现了一个npm专门干这事儿 ...
- ListView 添加 HeaderView常见错误
1.addHeaderView异常: 最近在做通讯录开发时使用ListView,发现一个奇怪的问题:当添加一个ImageView 作为HeaderView时,发现ImageView长宽始终是1:1的大 ...
- 留言板0.4_model中的数据库（1）
1.先在数据库中加入一天测试数据先 2.在model的"views"中载入数据库和model的类 import pymysql from .models import UserMe ...
- PowerDesigner Code和Name设置大写tablespace设置，PK设置
1,PowerDesigner Code和Name设置大写 tool>MODEL OPTIONS 2.从oracle数据库导出的表结构默认包含了tablespace 删除tablespace方法 ...
- 解决：Determining IP Information for eth0...问题
环境:Centos 6.2 VMWare Workstation 7.1.2 故障现象: 在虚拟机中启动Centos,在启动页面中停留在Determining IP Information ...