标签 Combobox 下的文章

EasyUI中不启用Combobox组件的可编辑模式

Combobox组件默认是可编辑模式的,如果不想让用户可以编辑,只要在data-options中,增加editable设置为false就可以了,如下:

<input type="text" class="easyui-combobox" data-options="editable:false" />

这样就可以了

EasyUI使用笔记——Combobox级联

我用的下面这方式:

<label>所在城市:</label>
<input class="easyui-combobox" id="s_province" name="province" />
<input class="easyui-combobox" id="s_city" name="city" />

之后JS代码:

<script type="text/javascript">
    $(function () {
        //设置城市的combobox
        var city = $('#s_city').combobox({
            valueField: 'REGION_ID',    //绑定value字段
            textField: 'REGION_NAME',    //绑定text字段
            editable: false    //是否可编辑
        });
        
        //设置省份的combobox
        $('#s_province').combobox({
            url: '/api/Ajax/Region?id=1',    //异步的URI,返回的是JSON格式
            valueField: 'REGION_ID',    //绑定value字段
            textField: 'REGION_NAME',    //绑定text字段
            editable:false,    //是否可编辑
            onSelect: function (params) {    //选择后触发
                $.ajax({
                    url: '/api/Ajax/Region?id=' + params.REGION_ID,
                    data: {},
                    type: 'Post',
                    dataType: 'json',
                    success: function (data) {
                        city.combobox("clear").combobox('loadData', data);    //清除city的原数据并绑定新数据
                    }
                });
            }
        });

    });

</script>

效果如下:
201607231469241139251583.png

201607231469241171955009.png

分类

最新文章

最近回复

  • 青山: 某种原因,暂停友链,抱歉。
  • 青山: 计划搬迁到腾讯云,正...
  • 老徐: 具体要哪个呢?
  • 老徐: 是不是有点老?
  • 青山: 哇,林志炫
  • 老白: 哇,这改的可以,能不...
  • 老徐: 23333
  • 许建华: 我是为了表情包来的~
  • vultr vps: 感谢分享深入学习
  • 青山: 每一次都是不同的感受

归档

标签云

C# .net core asp.net 情感 SQL mongodb sql server EasyUI 安全 激活 linux 身份验证 https typecho .net sql注入 kms MVC IIS 高并发 IE 坑爹 服务器 mysql Oracle Combobox Datagrid 口语 数据抓取

其它