Ext.form.field.Spinner微调字段

1、Ext.form.field.Spinner主要配置

配置项	类型	说明
keyNavEnabled	Boolean	设置是否启用对键盘向上和向下按钮的支持，默认为true
mouseWheelEnabled	Boolean	设置是否启用对鼠标滚动轮的支持，默认为true
repeatTriggerClick	Boolean	设置是否添加一个click repeater到微调按钮上，默认为true
spinDownEnabled	Boolean	向下按钮是否可用，默认为true
spinUpEnabled	Boolean	向上按钮是否可用，默认为true

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"><title>Ext.form.field.Spinner示例</title><link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" /><script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script><script type="text/javascript">Ext.onReady(function () {var frm = new Ext.form.Panel({title: "Ext.form.field.Spinner示例",bodyStyle: "padding:5",frame: true,height: 100,width: 240,renderTo: Ext.getBody(),defaults: {labelSeparator: "：",labelWidth: 80,width: 230,labelAlign: "left"},items: [{xtype: "spinnerfield",fieldLabel: "微调字段",id: "salary",value: 100, // 初始化字段值
                    onSpinUp: function () {var salary = Ext.getCmp("salary");salary.setValue(Number(salary.getValue()) + 1);},onSpinDown: function () {var salary = Ext.getCmp("salary");salary.setValue(Number(salary.getValue()) - 1);}}]});});</script>
</head>
<body>
</body>
</html>

效果图：

转载于:https://www.cnblogs.com/libingql/archive/2012/04/22/2464559.html

Ext.form.field.Spinner微调字段相关推荐

Ext JS 3.2.1 字段组件父类 Ext.form.field.Base
划重点 Ext.form.field.Base 是组件元素类的父类,一般不直接使用 xtype是field 对应的类是 Ext.form.field.Base,而不是 Ext.form.field.F ...
Ext.form.field.ComboBox组合框
1.Ext.form.field.ComboBox主要配置 Ext.form.field.ComboBox主要配置项配置项类型说明 allQuery String 发往服务器用来查询全部信息的查 ...
Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框
1.Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目配置项类型说明 boxLabel String 紧靠复选框的文字描述 boxLabelAl ...
ExtJS4.2学习(17)表单基本输入控件Ext.form.Field（转）
鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-11/189.html --------------- ...
ExtJs 第二章，Ext.form.Basic表单操作
1.认识Ext.form.Panel表单面板 Ext.form.field.CheckBox 复选框 checkboxfield Ext.form.CheckBoxGroup 复选框组 ...
ExtJs之Field.Trigger和Field.Spinner
作文本框功能的. <!DOCTYPE html> <html> <head><title>ExtJs</title><meta htt ...
Ext.form.TextArea文本区
1.Ext.form.TextArea主要配置项目配置项类型说明 cols Number 设置textarea组件的原始cols属性,默认为4 enterIsSpecial Boolean 设置 ...
ux.form.field.SearchField 列表、树形菜单查询扩展
1 //支持bind绑定store 2 //列表搜索扩展,支持本地查询 3 //支持树形菜单本地一级菜单查询 4 Ext.define('ux.form.field.SearchField', { 5 ...
ux.form.field.Verify 验证码控件
1 //验证码控件 2 Ext.define('ux.form.field.Verify', { 3 extend: 'Ext.container.Container', 4 alias: ['wid ...
ux.form.field.Year 只能选年的时间扩展
效果如图,亲测6.2.1版本可用,用法同时间选择控件 1 //只选择年的控件 2 Ext.define('ux.picker.Year', { 3 extend: 'Ext.Component', 4 ...

Ext.form.field.Spinner微调字段

Ext.form.field.Spinner微调字段相关推荐

最新文章

热门文章