<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. Navicat11全系列激活工具和使用方法

    Navicat特别好使,但是就是得注册,在网上看到了一个激活工具,成功激活了Navicat...工具链接地址是.. https://files.cnblogs.com/files/miantiaoan ...

  2. Codeforces633G(SummerTrainingDay06-I dfs序+线段树+bitset)

    G. Yash And Trees time limit per test:4 seconds memory limit per test:512 megabytes input:standard i ...

  3. 第三十三天- 线程创建、join、守护线程、死锁

    1.线程,线程创建 概念:在传统操作系统中,每个进程有一个地址空间,而且默认就有一个控制线程,线程顾名思义,就是一条流水线工作的过程,一条流水线必须属于一个车间,一个车间的工作过程是一个进程,车间负责 ...

  4. js-ES6学习笔记-module（4）

    1.<script>标签打开defer或async属性,脚本就会异步加载.渲染引擎遇到这一行命令,就会开始下载外部脚本,但不会等它下载和执行,而是直接执行后面的命令. defer与asyn ...

  5. 一个关于A标签和分页的怪问题！

    用bootstrap做了用户电话号码查询的前端页面. 并且用了MVCPager分页. Bootstrap前端页如下: 一开始使用了用A标签,分页成功后,我进入第二页,点击这个A标签,页面会自动跳转到第 ...

  6. AngularJS学习之 ngTable 翻页 功能以及利用angular service准备测试数据

    1.官网链接  https://github.com/esvit/ng-table#4.0.0 2.安装ngTable后,一定要记得先注册到自己的项目 .module('pttengApp', [ ' ...

  7. JavaScript判断变量名是否存在数组中

    直接上代码: JavaScript代码: var array=[{name:"张珊",sex:"男"}]; console.log(array); if(arr ...

  8. Python 数据分析基础小结

    一.数据读取 1.读写数据库数据 读取函数: pandas.read_sql_table(table_name, con, schema=None, index_col=None, coerce_fl ...

  9. ADB三个进阶使用

    adb通过Wi-Fi连接手机 背景知识 Android系统底层运行着一个服务(adbd),也就是在手机系统内部,用于响应.管理大家在电脑端的adb命令连接,这个服务在启动时候会根据手机的配置监听USB ...

  10. linux下搭建hexo环境

    最近对搭建个人博客比较感兴趣,但是刚搭建好next主题基本博客,电脑就坏了,借了一台电脑继续搞,不想在他电脑中弄太多环境,所以我准备在自己电脑的服务器上搭建hexo环境 服务器环境: (1)cento ...