前台MVC+EasyUI,ComBox控件想做出随着输入下面给出提示的效果。
照着EasyUI官网的例子做的,但是在官网能实现边输入下面边显示相似的option选项:
但是我做出来就达不到这种效果,输入的时候下面没有提示,删除的时候才有。
这是官网的代码:http://www.jeasyui.net/demo/324.html
这是我的代码:
@{
ViewBag.Title = "Index";
}
<html>
<head>
<link href="~/Content/jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" />
<link href="~/Content/jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" />
<link href="~/Content/jquery-easyui-1.3.2/demo/demo.css" rel="stylesheet" />
<script src="~/Content/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
<script src="~/Content/jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
</head>
<body>
学院:
<input class="easyui-combobox"
name="language"
data-options="
url:'/Cascade/QueryAcademy',
valueField:'OrganizationID',
textField:'OrganizationName',
panelHeight:'auto',
">
</body>
</html>
代码跟官网上一模一样,不知道是怎么回事,一直出不来,求指教
浏览器直接访问你的/Cascade/QueryAcademy这个url地址看返回了什么内容,如果不是下面这种格式的数据就不会显示
[{"OrganizationID":数字,"OrganizationName":"组织名称"},{"OrganizationID":数字,"OrganizationName":"组织名称"}........]
非常感谢您的回答
已经能确定url返回内容是json格式的啦。。。。
即使用下面这种方式,跟上面也是同样的效果,
<input class="easyui-combobox"
name="language"
data-options="
valueField:'OrganizationID',
textField:'OrganizationName',
panelHeight:'auto',
data:[{"OrganizationID":数字,"OrganizationName":"组织名称"},{"OrganizationID":数字,"OrganizationName":"组织名称"}]
">
哎!快愁死了。。。。
非常感谢您的回答
已经能确定url返回内容是json格式的啦。。。。
即使用下面这种方式,跟上面也是同样的效果,
<input class="easyui-combobox"
name="language"
data-options="
valueField:'OrganizationID',
textField:'OrganizationName',
panelHeight:'auto',
data:[{"OrganizationID":数字,"OrganizationName":"组织名称"},{"OrganizationID":数字,"OrganizationName":"组织名称"}]
">
哎!快愁死了。。。。
要这样
<input class="easyui-combobox"
name="language"
data-options="
valueField:'OrganizationID',
textField:'OrganizationName',
panelHeight:'auto',
data:[{'OrganizationID':1,'OrganizationName':'组织名称1'},{'OrganizationID':2,'OrganizationName':'组织名称2'}]
">
直接配置DOM要注意属性的闭合。。通过url要返回标准json格式的字符。自己用开发工具看看你的url都返回了什么内容
需要注意字段名称的长度,不要太长