首先声明，所谓的数据控件这一个概念，EasyUI官方应该也没这个说法。猫哥是感觉网页上经常使用的、经常需要从后台获取数据后显示到控件内部的，有这么四个：下拉框、下拉列表、树、表格。
之前猫哥已经分别演示了如何从json文件、如何从后端（比如Servlet）返回的json数据中加载数据到EasyUI控件。所以对于这四个数据控件，猫哥仅演示从json文件中获取数据后绑定即可，这样非常简洁明了，到了项目开发演示的阶段，根据需求一些地方就会使用后端过来的数据。
因为数据控件的使用频率高、需要说明的地方也多，尤其是表格（涉及很多内容比如分页、带复选框），所以本篇单独讲下拉框的实现及其数据的绑定。
先看示意图：
其中用到了一个users_data.json文件，在webroot下的json文件夹下，具体内容为：
[
{
"userId":"1",
"userName":"test",
"userEmail":"maoge@maoge.com",
"userSex":"1"
},
{
"userId":"2",
"userName":"haha",
"userEmail":"haha@maoge.com",
"userSex":"0"
}
]具体实现如下，注意文字描述：
下拉框combobox示例
使用easyui-combobox样式即可
获取选中值
静态绑定users_data.json文件中的数据，注意可以将url换成servlet的url，就可以直接获取后端的数据，当然，后端的数据需要以json格式返回
注意valueField和textField分别对应json数据中的‘键’，还有一点就是select标签换成input也是可行的
通过js动态绑定数据
绑定
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/2280/viewspace-2798439/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
idea插件一键部署远程项目
下一篇：
java根据访问IP来得出IP所在地
请登录后发表评论
登录
全部评论
