欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

ExtJs之Field.Trigger和Field.Spinner

发布时间：2025/3/18 编程问答 31 豆豆
生活随笔 收集整理的这篇文章主要介绍了 ExtJs之Field.Trigger和Field.Spinner 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

作文本框功能的。

<!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>

总结

以上是生活随笔为你收集整理的ExtJs之Field.Trigger和Field.Spinner的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。