easyui combobox 隐藏显示，加载取消验证。

最新推荐文章于 2023-10-31 11:53:03 发布

原创最新推荐文章于 2023-10-31 11:53:03 发布 · 1.5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

学习笔记

当前文章被收录于：

学习笔记

17 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文档详细介绍了如何在easyui的combobox组件中实现选择项变化时，控制其显示隐藏状态，并根据条件启用或禁用验证功能。通过监听onChange事件，当选择特定值时，隐藏combobox并取消验证；反之，则显示combobox并重新加载数据以启用验证。

$(document).ready(function (e) {
    $("#xxx").combobox({
        onChange: function (n,o) {//触发 easyui组件下的onChange事件
            var ids = $('#xxx').combobox('getValue');
            if(ids == 1){
                $("#xxx + .combo").hide();//隐藏
                $("#xxx").combo({required:false});//取消验证
            }else {
                $("#xxx + .combo").show();//显示
                $("#xxx").combo({required:true});//加载验证
                $("#xxx").combobox().loadData();//从新加载本地数据
            }
        }
    });
})