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。