easyUI的combobox选中无法显示
最近,在使用easyUI做前台的页面,遇到一个非常奇葩的问题,就是easyUI的combobox,有下拉的内容,但是,选中之后不会显示到其中文本框中。
首先,combobox的下拉框有内容,说明从后台Controller中传过来的数据没有问题,但是,为什么选中之后,不会显示在文本框中呢。
<script type="text/javascript">
$(function () {
$('#inputCombox').combobox({
url: '/frmManageGrade/GetUserName',
valueField: 'UserId',
textField: 'UserName'
});
})
</script>
最后找到问题的根源了,valueField的字符串写错了,我们知道easyUI控件绑定有两个非常重要的属性。
valueField和textField
这里,肯定不是textField的问题,如果textField中的字段写错了,json中的数据肯定绑定不了,控件combobox无法显示下拉框中的数据,这里的下拉框中有数据。
最后,在Controller的方法中设置了一个断点,查看返回的json串发现了问题的所在。
json串中返回的id字段为UserId,但是,前台中的valueField中写成了userId,一个字母的大小写造成的问题。