EasyuiCombobox三级联动

有许多刚接触Easyui中Combobox控件的朋友可能都会遇到的问题:如何将Combobox做成三级联动?

先本人有个三级联动的案例给大家参考参考,经测试能通过。注意Combobox绑定的数据是Json格式哟。

 $(function () {
                var project1 = $("#project1").combobox({
                    url: ‘Project_Select.ashx?flg=0‘,
                    editable: false,
                    valueField: ‘ID‘,
                    textField: ‘projectname‘,
                    editable: false, //不允许手动输入
                    onSelect: function (record) {
                        project2.combobox({
                            disabled: false,
                            url: ‘Project_Select.ashx?flg=‘ + record.ID,
                            editable: false,
                            valueField: ‘ID‘,
                            textField: ‘projectname‘
                        }).combobox(‘clear‘);
                    }
                });
                var project2 = $("#project2").combobox({
                    disabled: true,
                    editable: false,
                    valueField: ‘ID‘,
                    textField: ‘projectname‘,
                    onSelect: function (record) {
                        project3.combobox({
                            disabled: false,
                            url: ‘Project_Select.ashx?flg=‘ + record.ID,
                            editable: false,
                            valueField: ‘ID‘,
                            textField: ‘projectname‘
                        }).combobox(‘clear‘);
                    }
                });
                var project3 = $("#project3").combobox({
                    disabled: true,
                    editable: false,
                    valueField: ‘ID‘,
                    textField: ‘projectname‘
                });
            });
时间: 2024-10-24 10:02:21

EasyuiCombobox三级联动的相关文章

easyUI下拉列表三级联动

首先是先想好数据库的搭建,通过地区id,地区名称,上级地区id就可以实现,所有省市区的数据 例如: DAO层 service层 Servlet 页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>修改员工</title> <!-- 顺序不可以乱 --> <!-- 1.jQuery的js包 --> <script

Easyui表单之下拉列表的三级联动

一.实现三级联动需要连接数据库 二.需要JSON数据的解析 三.需要Servlet类与界面相对应值的传递 1. 界面层需要的代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 1 JQuery的js包 --> <script type="text/

电商商家后台-easyUI的combox三级联动

这几天在做项目中又用到了easyUI,以前做ITOO的时候前端都是被封装好的,而且也没有真正接触过三级联动效果.这个三级联动是要实现的是省市县联动.选择某一个省时跟着相应的市显示,接着相应的县显示. 不仅是这样,因为做的是修改功能,所以不仅要把查出来的省,市,县显示出来,而且从数据库中查询来的地区需要成为默认显示值.也就是说从数据库中查出来的地区跟查出来的所有省市区做对比,是数据库中地区显示为默认.举个例子,数据库中存的是河北省廊坊市燕郊区,那么显示在界面上的默认值也必须是河北省廊坊市燕郊区.这

ajax简介以及用ajax做的三级联动小练习

ajax基本结构: 1 var name = $("#text_1").val(); 2 $.ajax({ 3 url: "Ashxs/Handler.ashx",//一般处理程序路径 4 data: { "name": name },//要传输的数据,冒号前面是键名后面是要传输的数据,如果有多条数据在大括号内用逗号拼接 5 type: "post",//传输方式 6 dataType: "json",//

用DropDownList实现的省市级三级联动

这是一个用DropDownList 实现的省市级三级联动,记录一下········ <asp:ScriptManager ID="ScriptManager1" runat="server">/asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server">                          <Cont

Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动

看网上JqueryAjax三级联动的例子讲不是很全,代码也给的不是很全,给初学者带来一定的难度.小弟自己写了一个,可能有些地方不是很好,希望大家能够提出建议. 用的是Hibernate+struts2写的.http://blog.csdn.net/luckey_zh/article/details/22995389 以代码来说话吧. 首先是index1.jsp页面 [html] view plaincopy <%@ page language="java" import=&quo

层的三级联动

/部门下拉选单绑定数据        function CreateDeptEntity(dataList) {            var select = "#setdept";            jQuery(select).empty();            jQuery(select).append("<OPTION value=0>请选择</OPTION>");            if (dataList != nu

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates表查询 Ajax加载数据 1.这是chinastates表 2.做一个简单php:Ajax_eg.php <!DOCTYPE html><html>    <head>        <meta c

省市三级联动

mumuy-widget-91839b8 http://jquerywidget.com/ /** * jquery.citys.js 1.0 * http://jquerywidget.com */ ;(function (factory) { if (typeof define === "function" && (define.amd || define.cmd) && !jQuery) { // AMD或CMD define([ "jq