ExtJS中关于ComboBox加载后台数据

发布于 2022-09-13 08:16:36 字数 5062 浏览 11 评论 0

今天忙了一天,终于解决了让我头疼的ComboBox加载后台数据,作为一个菜鸟新手,自己独立解决了一个困扰已久的问题,真是十分欣慰啊,呵呵,来不及就想拿出来和大家分享一下!

Java代码

  1. Ext.onReady(function(){   
  2.     var storeProvince = new Ext.data.JsonStore({   
  3.         autoLoad:true,   
  4.         url : "http://localhost:8080/HyitSystem/testCombo.action",   
  5.         root : "provincelist",   
  6.         fields : [{   
  7.             name : 'id'  
  8.         }, {   
  9.             name : 'province'  
  10.         }]   
  11.     });   
  12.      var comboProvince = new Ext.form.ComboBox({   
  13.         store: storeProvince,   
  14.         name:'cName',   
  15.         fieldLabel:"选择省",   
  16.         mode: 'local',   
  17.         triggerAction: 'all',   
  18.         valueField: 'id',   
  19.         displayField: 'province',   
  20.         hiddenName:'id',   
  21.         emptyText: '请选择所在省',   
  22.         blankText: '请选择...',   
  23.         selectOnFocus: true,   
  24.         allowBlank: false,   
  25.         editable: false  
  26.     });   
  27.     var form = new Ext.form.FormPanel({   
  28.         labelAlign : 'right',   
  29.         labelWidth : 60,   
  30.         renderTo:Ext.getBody(),   
  31.         title:"级联选择",   
  32.         width:290,   
  33.         frame : true,   
  34.         items : [{   
  35.               layout : 'form',   
  36.               items : [comboProvince]   
  37.         }]   
  38.     })   
  39. })  

复制代码后台数据输出样式如下:

Java代码

  1. {"provincelist":[{"id":1,"province":"河南省"},{"id":2,"province":"河北省"},{"id":3,"province":"山西省"},{"id":4,"province":"山东省"},{"id":5,"province":"湖南省"},{"id":6,"province":"湖北省"},{"id":7,"province":"四川省"},{"id":8,"province":"辽宁省"},{"id":9,"province":"吉林省"},{"id":10,"province":"黑龙江省"},{"id":11,"province":"广东省"},{"id":12,"province":"浙江省"},{"id":13,"province":"福建省"},{"id":14,"province":"甘肃省"},{"id":15,"province":"江西省"},{"id":16,"province":"陕西省"},{"id":17,"province":"海南省"},{"id":18,"province":"江苏省"},{"id":19,"province":"安徽省"},{"id":20,"province":"云南省"},{"id":21,"province":"贵州省"},{"id":22,"province":"天津市"},{"id":23,"province":"北京市"},{"id":24,"province":"上海市"},{"id":25,"province":"重庆市"},{"id":26,"province":"新疆维吾尔族自治区"},{"id":27,"province":"内蒙古自治区"},{"id":28,"province":"西藏自治区"},{"id":29,"province":"广西壮族自治区"},{"id":30,"province":"宁夏回族自治区"},{"id":31,"province":"香港特别行政区"},{"id":32,"province":"澳门特别行政区"}]}  

复制代码一定要保证输出格式的正确哦,不然就加载不了了。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文