ExtJS 显示checkbox, radio数据

最新推荐文章于 2017-11-02 15:42:35 发布

原创最新推荐文章于 2017-11-02 15:42:35 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #action #数据库 #null #url

ExtJS 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何使用ExtJS框架中的FormPanel组件加载数据库返回的数据，并显示在checkbox和radiogroup中。通过监听'show'事件，在表单展示时加载指定jobno的数据，设置checkbox的值。同时，通过覆盖BasicForm的findField方法实现对radiogroup的值进行设置。

在FormPanel中加载从数据库中返回的值并显示checkbox中：

listeners: { 'show': function() { var jobno = 'J21dba502-3'; jobSheetForm.form.load({ url: 'jobsheet!findJobSheet.action?jobno='+ jobno , success : function(form,action) { var _bsconfirm = action.result.data.bsconfirm; if(_bsconfirm == 'Y') { jobSheetForm.findById("bsconfirm").setValue(true); } }, failure : function(form,action) { } }); ds_team_select.load(); } }

同样的加载值到页面中的radiogroup中, 把下列代码放到 JS 代码前面即可

Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType('radiogroup')||f.isXType('checkboxgroup')){ f.items.each(function(c){ if(c.isFormField && (c.dataIndex == id || c.id == id || c.getName() == id)){ field = c; return false; } }); } if(f.isFormField && (f.dataIndex == id || f.id == id || f.getName() == id)){ field = f; return false; } }); } return field || null; } });