EasyUI combobox选中项变化事件存在的问题

简介: 本文目录1. 背景2. 写法3. 实际存在的问题

1. 背景

combobox下拉选择框,是非常常用一个组件了。


在普通的html组件中,我们使用onChange方法来检测select组件的选中项变化。


但是在EasyUI中,提供了两个方法:onChange以及onSelect,而且在具体使用中还存在一些问题。


2. 写法

需要将方法写在dataOptions中,例如:

<select id="input-role" class="easyui-combobox" style="width: 200px;" data-options="onChange:onChangeRole">
        <option value="-1">请选择角色</option>
        <option value="schoolmaster">学校管理员</option>
        <option value="collegemaster">学院管理员</option>
        <option value="classmaster">班主任</option>
        <option value="student">学生</option>
      </select>

此处即表明,当选项变化时,会调用onChangeRole方法。

不能像普通html组件一样,直接将onChange写在标签属性里面。

3. 实际存在的问题

在实际使用中,会发现onSelect方法对选中项的检测不及时,反正我用的版本是这样的,建议直接使用onChange。

相关文章
Easyui combobox 取值赋值解答
Easyui combobox 取值赋值解答
|
6月前
|
JavaScript
EasyUi js 加载数据进下拉框combobox
EasyUi js 加载数据进下拉框combobox
|
6月前
|
JavaScript
EasyUi下拉框选值时触发js事件。
EasyUi下拉框选值时触发js事件。
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
265 0
easyUI datagarid 编辑状态下的combobox动态赋值
easyUI datagarid 编辑状态下的combobox动态赋值
|
JSON 数据格式
easyUI 的combobox如何获取除valueField和textField外的三个值
easyUI 的combobox如何获取除valueField和textField外的三个值
|
存储 数据库
easyui-form表单提交combobox
easyui-form表单提交combobox
82 0