给Easyui combobox设定默认值

      今天做到那个北理工二期的项目,里面刚好有几个dialog需要弄一个默认值,一般是选择启用与否,但是,为了方便用户,最好有一个默认值,所以,增加一个默认值的属性.代码入下:
JS代码:
 
$(function () {
            $('#OfficeInfoList').datagrid({
                toolbar: [{
                    text: '新D?增?',
                    iconCls: 'icon-add',
                    handler: function () {
                        $('#dlg').dialog('open').dialog('setTitle''新D?增?办°ì公1?室êò信D?息¢');
                        $('#dlg_form').form('clear')
                        $('#buildname').combobox('reload''/Iframes/ClassRoomInfo.aspx?from=sel-Buildname');
                        $('#departmentname').combobox('reload''/Iframes/ClassRoomInfo.aspx?from=sel-DepartName');
                        $('#kt_dk').combobox('reload''/Iframes/ClassRoomInfo.aspx?from=sel-kt_dk');
                        $('#dg_dk').combobox('reload''/Iframes/ClassRoomInfo.aspx?from=sel-dg_dk');
                        $('#zbdnjd').combobox('reload''/Iframes/ClassRoomInfo.aspx?from=sel-zbdnjd');
                        $('#kt_gzfs').combobox('setValue''1');//这个就是需要给默认值的地方,1表示启用,与下面的值对应.
                        $('#kt_sfqy').combobox('select''1');//经过测试,select也可以的
                        url = '/Iframes/OfficeInfo.aspx?from=sel-add';
                    }
                },
                ......
html代码:
 
< div   class ="fitem">
                 < label >
                    工作方: </ label >
                 < select   id ="kt_gzfs"   class ="easyui-combobox"   name ="kt_gzfs"   data-options ="panelHeight:'auto'"   style =" padding : 2px;
                     width : 141px;"
>
                     < option   value ="1" selected ="selected"> 自动</ option >
                     < option   value ="0"> 手动 </ option >
                 </ select >
             </ div >
第二种情况就是:如果是动态获取的数据的话,上面的方法是不可以的,在网上找到另一种方法,代码如下:
前台:
        $(document).ready(function () {
            
            $('#BuildingId').combobox('reload''TheLatestMeterInfo.aspx?from=sel-Buildname');
            $.ajax({
                type: "POST",
                url: location.href,
                success: function () {
                    var data = $('#BuildingId').combobox('getData');
                    if (data.length > 0) {
                        $('#BuildingId').combobox('select', data[0].ID);
                        var BuildingName = $("#BuildingId").combobox('getValue');
                        $('#List').datagrid('reload', {
                            from: 'sel',
                            BuildingName: BuildingName
                        })
                    }
                }
            });
        });
 
后台:
//加载建筑物信息
            if (!string.IsNullOrWhiteSpace(Request["from"]) & Request["from"] == "sel-Buildname")
            {
                List<BuildingInfoForModel> mList = DataLoader.GetBuildingInfo();
                var queryDdlData = from m in mList
                                   select new { ID = m.BuildID, Name = m.BuildName };
                Response.Write(JsonHelper.Serialize(queryDdlData));
                Response.End();
            }




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以通过设置value属性来设置easyui combobox默认值。例如: ``` $('#mycombobox').combobox({ value: 'defaultvalue' }); ``` 其中,`#mycombobox`是combobox的选择器,`defaultvalue`是要设置默认值。 ### 回答2: easyui combobox是一款非常实用的下拉框组件,在实际应用中,为了方便用户的使用,我们往往需要将一些常用的选项设置默认值。下面,我将详细介绍easyui combobox如何设置默认值easyui combobox默认值设置,需要借助于其属性value。在设置默认值时,我们首先需要确定默认项的值,以及该值对应的文本。例如,如果我们要设置default_item为默认项,则可以按照如下操作进行: 1.设置combobox的value属性为default_item的值: $("#combobox_id").combobox("setValue", default_item_value); 2.设置combobox的text属性为default_item的文本: $("#combobox_id").combobox("setText", default_item_text); 3.设置combobox的data属性,将默认项插入到下拉框的首位: $("#combobox_id").combobox({ data: [ {id: default_item_value, text: default_item_text}, {id: item1_value, text: item1_text}, {id: item2_value, text: item2_text}, {id: item3_value, text: item3_text} ] }); 通过以上操作,我们就可以将easyui combobox的默认项设置好了。 需要注意的是,在设置默认项时,我们需要保证该项的值和文本都是存在的,否则easyui combobox将会无法设置默认值。同时,我们也可以通过其他方法来设置默认值,例如在加载数据时,通过判断数据中是否包含默认项,来设置easyui combobox默认值。 总的来说,easyui combobox设置默认值并不难,只需要根据实际需求选择合适的方法,并保证数据的正确性,就可以实现操作。 ### 回答3: easyui combobox 是一种常用的前端组件,也是对下拉菜单的一种扩展。在使用 easyui combobox 时,我们可以设置默认值,以提高用户体验。下面是 easyui combobox 设置默认值的方法。 1. 使用 value 属性设置默认值 我们可以使用 easyui combobox 的 value 属性来设置默认值。例如: ```html <input class="easyui-combobox" id="mycombobox" data-options="value:'1'"> ``` 上面的代码中,我们设置 easyui combobox默认值为 1。 2. 使用 setValue 方法设置默认值 除了使用 value 属性,我们还可以使用 easyui combobox 的 setValue 方法来设置默认值。例如: ```javascript $('#mycombobox').combobox('setValue', '1'); ``` 上面的代码中,我们首先找到 id 为 mycomboboxeasyui combobox,然后使用 combobox 方法的 setValue 来设置默认值为 1。 3. 使用 select 方法设置默认值 还可以使用 easyui comboboxselect 方法来设置默认值。例如: ```javascript $('#mycombobox').combobox('select', '1'); ``` 上面的代码中,我们同样是找到 id 为 mycomboboxeasyui combobox,然后使用 combobox 方法的 select设置默认值为 1。 总之,我们可以通过 easyui combobox 的 value 属性、setValue 方法和 select 方法来设置 easyui combobox默认值。在使用时,我们需要根据具体情况选择适合自己的方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值