当前位置:   article > 正文

EASY-UI实现下拉框_easyui 下拉框

easyui 下拉框

实现效果: 

html部分:

  1. <div class="col-md-12 form-group">
  2. <!-- 标签管理 -->
  3. <input id="labelmanagement" type="radio" value="labelmanagement" name="labelmanagement" ><span id="text32">标签管理</span>
  4. <span style="width:41px;display: inline-block" >标签:</span>
  5. <input class="easyui-combobox" name="label_form_tagIds" style="width:180px;" id="label_form_tagIds"/>
  6. </div>

数据部分: 

js部分:

  1. // 标签管理选择框
  2. Snmpflow_portgroup_select__tagIds('#label_form_tagIds');
  3. function Snmpflow_portgroup_select__tagIds(id) {
  4. $.ajax({
  5. url: '/sdn/portgroup/getPortGroupTag',
  6. type: 'get',
  7. dataType: 'json',
  8. success: function(json) {
  9. try {
  10. if (json.code == '0000') {
  11. var result = json.data
  12. $(id).combobox({
  13. data: result,
  14. valueField: 'tagId',
  15. textField: 'tagName',
  16. multiple: true,
  17. panelHeight: 'auto',
  18. onChange: function(data) {
  19. localStorage.setItem('porttag', data)
  20. // if (ref == false) {
  21. // ref = true
  22. // } else {
  23. // location.reload()
  24. // }
  25. },
  26. onLoadSuccess: function(data) {
  27. // ref = false
  28. // var porttag = localStorage.getItem('porttag')
  29. // console.log(porttag)
  30. // if (porttag && porttag != 'undefined') {
  31. // $(id).combobox('setValue', porttag)
  32. // }
  33. },
  34. })
  35. }
  36. com.zyyc.util.disloadmask()
  37. } catch (e) {
  38. com.zyyc.util.disloadmask()
  39. }
  40. },
  41. error: function() {
  42. com.zyyc.util.disloadmask()
  43. },
  44. })
  45. }

补充:

修改功能需要赋值:

  1. $('#label_form_tagIds').combobox('setValues', data[0].tagIds);
  2. //data[0].tagIds为返回数据 ["tag102","tag103"]

返回为数组用setValues 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/502252
推荐阅读
相关标签
  

闽ICP备14008679号