EasyUI Combobox的联动处理

b哈利路亚d

于 2016-06-07 15:06:47 发布

阅读量647

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lanwilliam/article/details/51603847

本文介绍如何在 EasyUI 中使用 combobox 控件实现动态加载数据，并提供了一个具体的示例代码。当 combobox 的选项发生变化时，通过 AJAX 请求获取新的数据源，并更新 combobox 显示的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 加载完成后自动查询
     $(function () {
         doSearch();
         $("#e_DWID").combobox({
                onChange: function (n, o) {
                    $.ajax({
                        url: "../TreeHandler/TreeHandler.ashx?type=PartInfo&dwid=" + n,
                        type: 'post',
                        async: true, //默认为true 异步
                        onSubmit: function () {
                            //进行表单验证
                            //如果返回false阻止提交
                            //return $(this).form('enableValidation').form('validate');
                        },
                        success: function (data) {
                            if (data == "need login") {
                                location.href = getLoginUrl();
                                return;
                            }
                            $("#e_PartID").combobox("clear");

                            $("#e_PartID").combobox({
                                valueField: 'id',
                                textField: 'text',
                                panelHeight: "auto",
                                data: $.parseJSON(data)
                            });
                        }
                    });

             }
         });
     });

EasyUI 里面的combobox是通过css替换并修饰效果的，无法直接使用onchange事件，需要如上进行事件注册。

试过官方demo的reload方法，不好用，还是如上重新绑定好了。