Extjs 4.x 得到form CheckBox 復選框的值

 　　CheckBox(復選框)主要用來接收用戶選擇的選項，那麼如何通過Extjs 4.x 得到form CheckBox的值呢?下面有個不錯的方法，大家值得一看

　　CheckBox(復選框)主要用來接收用戶選擇的選項

　　如圖所示(請忽略UI的不好看)：

　　該彈出窗口的主要代碼如下：

　　代碼如下:

　　var win = new Ext.Window({

　　modal : true,

　　title : '確定要拒絕該表嗎?',

　　width : 500,

　　plain : true,

　　items : [fp]

　　});

　　win.show();

　　彈出的窗口是載體，items裡面的[fp]是form表單的句柄。

　　具體定義如下：

　　代碼如下:

　　var fp = Ext.create('Ext.FormPanel', {

　　frame: true,

　　fieldDefaults: {

　　labelWidth: 110

　　},

　　width: 500,

　　bodyPadding: 10,

　　items: [

　　{

　　xtype: 'fieldset',

　　flex: 1,

　　//title: '確定要拒絕該張表嗎?',

　　defaultType: 'checkbox',

　　layout: 'anchor',

　　defaults: {

　　anchor: '100%',

　　hideEmptyLabel: false

　　},

　　items:[{

　　fieldLabel: '請選擇拒絕原因:',

　　boxLabel: '該表沒有填寫完整。',

　　name:'integrity',

　　inputValue: '1'

　　}, {

　　name:'correct',

　　boxLabel: '該表填寫不准確。',

　　inputValue: '1'

　　}]

　　}],

　　buttons: [

　　{text: '確認',handler: function(){

　　//得到完整性和准確性信息 有則為1 沒有為0

　　if(fp.getForm().isValid()){

　　console.log(fp.getForm().findField('integrity').getValue()?1:0);

　　console.log(fp.getForm().findField('correct').getValue()?1:0)

　　}

　　win.hide();

　　}

　　},{

　　text: '取消',

　　handler: function(){

　　win.hide();

　　}

　　}]

　　});

　　這裡面基本涵蓋了所有的感興趣的信息。具體的參見API吧本身不難

　　著重說下得到checkBox的值

　　代碼如下:

　　console.log(fp.getForm().findField('integrity').getValue()?1:0);

　　console.log(fp.getForm().findField('correct').getValue()?1:0)

　　這兩句話就是如何得到完整性和正確性的值。

 

        注：更多精彩文章請關注三聯編程教程欄目。