标签 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

分类

最新文章

最近回复

  • 老徐: 已经加上了,抱歉才看到
  • 青山: 某种原因,暂停友链,抱歉。
  • 搬瓦工: 朋友 交换链接吗
  • 飞刀说: 名称:飞刀说 描述:...
  • 青山: 计划搬迁到腾讯云,正...
  • 河边的飞刀: 网站名称:飞刀说 网...
  • 老徐: 具体要哪个呢?
  • 老徐: 是不是有点老?
  • 青山: 哇,林志炫
  • 老白: 哇,这改的可以,能不...

归档

标签云

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

其它