关于easyui-commbox的问题

本文介绍了在不熟悉EasyUI的情况下使用Combobox遇到的问题及其解决方法。包括前端代码(input和select的选择)、后台数据返回的注意事项,以及如何设置多选、自动关闭功能。同时,讲解了如何通过js获取Combobox的value和text,以及展示了一个Combobox的运行效果。
摘要由CSDN通过智能技术生成

由于没学习过任何关系easyui的内容,所以使用commbox时踩了几个坑。

首先,你需要一个下拉框,可以选择input标签,或者是select标签
input如下 前端代码
input
其中id和name可以随意写,url是后台controller中具体的requestMapping,textField代表你需要显示在下拉框中的内容,而value则是每个text对应的值,这些值通过json格式数据来获取,不管是本地文件也好,还是后台返回的数据,必须严格按照json格式来写,不然无法获取。editable表示不可以编辑。

后端代码

这里使用JSONArray或者String来声明方法都可以,这里我使用了一个Response工具类,其中内容就是把json数据写入HttpServletResponse中返回给前端,不可以直接return jsonArray,这样前端无法接收到数据。

select如下 前端
在这里插入图片描述
这里可以直接把url,text和valueField写在data-options里,也可以写在js代码中,我选择了后

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值