<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. php扩展php-redis安装与使用

    一.redis的安装 1,安装redis版本 下载页面:https://redis.io/download 安装一个老版本3.2.11:http://download.redis.io/release ...

  2. python-策略模式

    源码地址:https://github.com/weilanhanf/PythonDesignPatterns 说明: 策略指的就是为了达到某一目的而采取的手段或者方法.为了实现软件设计咪表,对象可能 ...

  3. [SDOI2010]猪国杀

    题面 (这个做题面的大佬太赞啦) 无聊啊~~~然后就写大模拟,然后就从早上写到下午,生活得到了极大的充实 注意事项: 牌库为空之后再抽牌,会重复抽最后一张被抽走牌 无论在任何过程中,游戏结束(主公死或 ...

  4. 洛谷P4198 楼房重建(线段树)

    题意 题目链接 Sol 别问我为什么发两遍 就是为了骗访问量 这个题的线段树做法,,妙的很 首先一个显然的结论:位置\(i\)能被看到当且仅当\(\frac{H_k}{k} < \frac{H_ ...

  5. HTML meta 标签总结

    本文转载自:http://www.cnblogs.com/lovesong/p/5745893.html meta标签作用 META标签是HTML标记HEAD区的一个关键标签,提供文档字符集.使用语言 ...

  6. JavaSE——TCP协议网络编程（二）

    1.Java网络编程与多线程的综合应用: 类Socket提供了方法getInputStream ()和getOutStream()来得到对应的输入/输出流以进行读/写操作,这两个方法分别返回Input ...

  7. Java Web 开发填坑记- 如何正确的下载 Eclipse

    一直以来,做 Java web 开发都是用 eclipse , 可是到 eclipse 官网一看,我的天 http://www.eclipse.org/downloads/eclipse-packag ...

  8. mysql 内存统计

    在 mysql 5.5 中实现了类似mysql5.7中performance schema 的内存统计功能. 功能 1 展示mysql层内存总大小. 2 展示mysql层内存使用分布情况. 3 展示每 ...

  9. 2. DAS,NAS,SAN在数据库存储上的应用

    一. 硬盘接口类型1. 并行接口还是串行接口(1) 并行接口,指的是并行传输的接口,比如有0~9十个数字,用10条传输线,那么每根线只需要传输一位数字,即可完成.从理论上看,并行传输效率很高,但是由于 ...

  10. Distribution setup SQL Server Agent error: "RegCreateKeyEx() returned error 5, 'Access is denied.'" (转载)

    In the Configure Distribution Wizard, the step "Configuring SQL Server Agent to start automatic ...