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

总结

以上是生活随笔为你收集整理的easyUI的combobox选中无法显示的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。