萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> Extjs 4.x 得到form CheckBox 復選框的值

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)

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

 

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

copyright © 萬盛學電腦網 all rights reserved