easyui combobox获取后台数据库数据的方式介绍

最新推荐文章于 2022-05-26 14:39:11 发布

慢慢成长的我

最新推荐文章于 2022-05-26 14:39:11 发布

阅读量2.8w

点赞数 5

分类专栏： easyui学习文章标签： easyui combo box

本文链接：https://blog.csdn.net/u012027337/article/details/51425541

版权

本文详细介绍了如何使用easyui combobox控件从后台获取并显示行政区划数据。通过四种方法演示了加载数据库数据到combobox的过程，特别提到在使用$.get()时需确保返回的数据为json格式，否则可能无法正确显示。文章还提出了关于非json格式数据为何能被部分方法接受的疑问。

摘要由CSDN通过智能技术生成

今天中午利用午休时间，学习了一下easyui combobox控件的的使用，可以参见下面的连接查看与combobox 相关的资料

easyui combobox详细介绍

(一)、功能需求（如下图所示）:获取行政区划显示在下拉列表中

（二）、前台实现conbomox.jsp

2.1、引入easyui相关文件到项目，在这里不多做介绍了，童鞋们可以自己度一下

2.2、简单设置combobox的外形，combobox控件的id="admiDivisionCode"
代码如下：

<body>
     <div class="easyui-layout" data-options="fit:true">
          <input class="easyui-combobox" id="admiDivisionCode" name="admiDivisionCode" style="width:150px" data-options="required:true" />
     </div>
</body>

2.3、初始化combobox：将从数据库获取的行政区划加载到combobox控件的下拉列表中

下面介绍四种方法加载数据库数据到combobox

2.3.1、方法1：调用$.get()获取数据

  $(document).ready(function(){
  queryXzqh();
  })
  function queryXzqh(){
 $.get("${base}/combobox/queryXzqh.action",function(data){//后台请求

   var options=$("#admiDivisionCode").combobox('options');
   options.textField="NAME";
   options.valueField="CODE";
  //加载数据
   $("#admiDivisionCode").combobox("loadData",data.data);
 ,"json");
  }
  </script>

2.3.2、方法2：调用$.getJSON() <

最低0.47元/天解锁文章

慢慢成长的我

关注

5
点赞
踩
23

收藏

觉得还不错? 一键收藏
9
评论
easyui combobox获取后台数据库数据的方式介绍

今天中午利用午休时间，学习了一下easyui combobox控件的的使用，可以参见下面的连接查看与combobox 相关的资料 easyui combobox详细介绍 (一)、功能需求（如下图所示）:获取行政区划显示在下拉列表中（二）、前台实现conbomox.jsp 2.1、引入easyui相关文件到项目，在这里不多做介绍了，童鞋们可以自己度
复制链接

扫一扫

专栏目录