<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静态变量与方法与phar的使用

    本节用类与静态变量改造之前的例子:php根据命令行参数生成配置文件 ghostinit.php: <?php class ghostinit{ static $version = 'ghost ...

  2. 清空mysql数据表中的所有数据

    - 清空全部数据,不写日志,不可恢复,速度极快 truncate table_name;   -- 清空全部数据,写日志,数据可恢复,速度慢 delete from 表名     详情请查看区别

  3. python-模板方法模式

    源码地址:https://github.com/weilanhanf/PythonDesignPatterns 说明: 模板方法模式时行为模式中比较简单的设计模式之一.模板方法关注这样的一类行为:该类 ...

  4. php.ini中date.timezone设置详解

    date.timezone设置php5默认date.timezone为utc,改为date.timezone = PRC即可解决时间相差八小时的问题,但我在php的官方文档中看了半天也没找到这个参数啊 ...

  5. Django组件扩展 总结

    1. Form组件扩展: 验证用户输入 obj = Form(reuest,POST,request.FILES) if obj.is_valid(): obj.clean_data else: ob ...

  6. java web dev知识积累

    tomcat体系结构 可以从tomcat的server.xml文件中元素的层次结构来理解tomcat的体系结构: Server(可以视为tomcat本身)->经由connector可以有多个(c ...

  7. Windows2003系统如何设置能让两个人共用一个桌面同时远程控制？

    在windows 2003上,可以两人同时同一桌面控制一台服务器,交流非常方便. 解决方案: 两人都用终端远程登陆到服务器上,其中一人在“开始”--“管理工具”--“终端服务管理器”,选中对方的用户名 ...

  8. 单点登录SSO的实现原理 （转）

    单点登录SSO(Single Sign On)说得简单点就是在一个多系统共存的环境下,用户在一处登录后,就不用在其他系统中登录,也就是用户的一次登录能得到其他所有系统的信任.单点登录在大型网站里使用得 ...

  9. 10分钟让你明白MySQL是如何利用索引的

    一.前言 在MySQL中进行SQL优化的时候,经常会在一些情况下,对MySQL能否利用索引有一些迷惑. 譬如: MySQL 在遇到范围查询条件的时候就停止匹配了,那么到底是哪些范围条件? MySQL ...

  10. Jmeter用于接口测试中【接口耦合关联的实现】

    Jmeter用于接口测试时,后一个接口经常需要用到前一次接口返回的结果,应该如何获取前一次请求的结果值,应用于后一个接口呢,拿一个登录的例子来说明如何获取. 1.打开jmeter, 使用的3.3的版本 ...