您的位置:首页 > 产品设计 > UI/UE

easyUI的combobox选中无法显示

2017-04-08 11:19 204 查看
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,一个字母的大小写造成的问题。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: