easyui中combobox设置默认值的方法


      以前在使用VB的时候,设置XX属性时,在控件上直接设置即可,“所见即所得”就是这个样子的吧。当然,也可以直接在代码中体现,而今在B/S项目中控件的属性设置也大同小异,却也花了我蛮多时间的,所以记录一下,大神请忽略。

PM说我需要“计量点类型”这个下拉框中有默认值是“日计量”。我们项目前端用的是easyui框架,对于easyui这个框架刚接触不久,既然有需求,就应该有办法。下拉框其实是easyui中的combobox,只需在.aspx上就可以设置其默认值。

                          

计量点类型 <input class="easyui-combobox" name="MET_Type" id="com_MET_Type" panelHeight="auto" style="width:80px;" 
                   data-options="valueField: 'value',textField: 'label',data: [{
                   label: '日计量',
                   value: '1',
                   selected:true},   //把日计量做为默认值
                   {label: '班计量',
                   value: '2'},]"                  
                 />


设置默认值没有问题了,关于如何取值的问题,对于B/S的开发们来说更是小case了。


  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
### 回答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 combobox 的 select 方法设置默认值。例如: ```javascript $('#mycombobox').combobox('select', '1'); ``` 上面的代码,我们同样是找到 id 为 mycomboboxeasyui combobox,然后使用 combobox 方法的 select 来设置默认值为 1。 总之,我们可以通过 easyui combobox 的 value 属性、setValue 方法和 select 方法设置 easyui combobox默认值。在使用时,我们需要根据具体情况选择适合自己的方法

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值