<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. linux7 安装GitLab

    1.安装Linux虚拟机-- 安装后配置a.停止防火墙# systemctl stop firewalld.service# systemctl disable firewalld.service# ...

  2. git 同步非master分支

    在本地创建和远程分支对应的分支,使用git checkout -b branch-name origin/branch-name,本地和远程分支的名称最好一致: 建立本地分支和远程分支的关联,使用gi ...

  3. php扩展php-redis安装与使用

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

  4. linux系统编程：进程控制(fork)

    在linux中,用fork来创建一个子进程,该函数有如下特点: 1)执行一次,返回2次,它在父进程中的返回值是子进程的 PID,在子进程中的返回值是 0.子进程想要获得父进程的 PID 需要调用 ge ...

  5. 【机器学习】EM算法详细推导和讲解

    今天不太想学习,炒个冷饭,讲讲机器学习十大算法里有名的EM算法,文章里面有些个人理解,如有错漏,还请读者不吝赐教. 众所周知,极大似然估计是一种应用很广泛的参数估计方法.例如我手头有一些东北人的身高的 ...

  6. Linux CentOS7下svn+tomcat9.0+maven3.3+jenkins实现web项目自动构建与远程发布

    CentOS7下svn+tomcat9.0+maven3.3+jenkins实现web项目自动构建与远程发布 by:授客 QQ:1033553122 目录 一.    实践环境. 1 二.    安装 ...

  7. Android IOC注解库EasyUI

    EasyUI介绍 1.使用反射机制和注解实现类似于butterknife的IOC框架 2.快速的findViewById和OnClick 3.扩展了click时无网络监测 4.扩展了快速点击监测 使用 ...

  8. windows下安装并启动hadoop2.7.2

    64位windows安装hadoop没必要倒腾Cygwin,直接解压官网下载hadoop安装包到本地->最小化配置4个基本文件->执行1条启动命令->完事.一个前提是你的电脑上已经安 ...

  9. LabVIEW TCP/IP 断开重连问题

    LabVIEW的TCP/IP函数库非常好用,但是不恰当地设置打开连接结点的参数将带来一些问题,麻烦.如下图的打开连接的参数设置: 上图中指定了本地的端口,会发生这样的情况.当我们关闭应用程序之后,连接 ...

  10. Don't Dismiss Georgia Tech's $6,600 Online Master's Degree

    https://www.pcmag.com/commentary/343924/dont-dismiss-georgia-techs-6-600-online-masters-degree Don't ...