easyUI的combobox选中无法显示

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，一个字母的大小写造成的问题。