ExtJs之Field.Trigger和Field.Spinner
生活随笔
收集整理的這篇文章主要介紹了
ExtJs之Field.Trigger和Field.Spinner
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
作文本框功能的。
<!DOCTYPE html> <html> <head><title>ExtJs</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"><script type="text/javascript" src="ExtJs/ext-all.js"></script><script type="text/javascript" src="ExtJs/bootstrap.js"></script><script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script><script type="text/javascript">Ext.onReady(function() {var testForm = new Ext.form.Panel({title: 'Ext.form.field.Trigger.Sample',bodyStyle: 'padding: 5 5 5 5',frame: true,height: 100,width: 270,renderTo: 'form',defaults: {labelSeparator: ':',labelWidth: 70,width: 200,labelAlign: 'left'},items: [{xtype: 'triggerfield',id: 'memo',fieldLabel: 'triggerfield',hideTrigger: false,onTriggerClick: function(){var memo = testForm.getForm().findField('memo');alert(memo.getValue());Ext.getCmp('memo').setValue('test');}}]});new Ext.form.Panel({title: 'Ext.form.field.Spinner.Sample',bodyStyle: 'padding: 5 5 5 5',frame: true,height: 70,width: 250,renderTo: 'form1',defaults: {labelSeparator: ':',labelWidth: 70,width: 200,labelAlign: 'left'},items: [{xtype: 'spinnerfield',fieldLabel: 'spinnerfiled',id: 'salary',value: 100,onSpinUp: function(){var salaryCmp = Ext.getCmp('salary');salaryCmp.setValue(Number(salaryCmp.getValue()) + 2);},onSpinDown: function() {var salaryCmp = Ext.getCmp('salary');salaryCmp.setValue(Number(salaryCmp.getValue()) - 5); }}]});});</script> </head> <body><div id='form'></div><div id='form1'></div></body> </html>總結(jié)
以上是生活随笔為你收集整理的ExtJs之Field.Trigger和Field.Spinner的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： paper 46 ：中文latex的安装
- 下一篇： poj 2623 快排