Ext.form.field.Trigger自定义按钮样式及背景图
来源:互联网 发布:淘宝buy 宣传视频 编辑:程序博客网 时间:2024/06/05 11:28
1、引入trigger
id:'dataValue',
header: '变量值标签',
dataIndex: 'data',
width: 105,
editor: {
xtype: 'triggerfield',
triggerCls:'x-form-my-trigger',
id:'datas',
editable: false,
onTriggerClick: openWin
}
2、引入样式:
.x-form-my-trigger {
background-image: url(images/form/test.gif) !important;
}
图片和其他样式可以自定义,注意,一定要加上边红色的部分,如果不加程序会自动引用ext-all.js中的样式;
3、.trigger几个比较重要的属性
triggerCls:文本框右侧的按钮样式,主要有4种
- x-form-clear-trigger // the X icon
- x-form-search-trigger // the magnifying glass icon
- x-form-trigger // the down arrow (default for combobox) icon
- x-form-date-trigger // the calendar icon (just in case)
onTriggerClick:单击右侧按钮的事件
emptyText:值为空时候显示的文字
hideTrigger:是否显示触发按钮
- Ext.form.field.Trigger自定义按钮样式及背景图
- (14)ExtJS之Ext.form.field.Trigger触发字段
- ext.form.field.Date
- Ext.form.field.File示例
- Ext.form.Field.prototype.msgTarget
- Ext.form.field.ComboBox示例
- Ext.form.field.ComboBox示例
- 背景图及链接应用样式
- [4.x]Ext.ux.form.field.Month
- Ext.form.field.HtmlEditor编辑器字段
- (9)ExtJS之Ext.form.field.Text
- Extjs4中的Ext.form.field.Spinner
- (12)ExtJS之Ext.form.field.Radio、Ext.form.field.Checkbox
- (13)ExtJS之Ext.form.field.RadioGroup、Ext.form.field.CheckboxGroup
- Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目
- Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框
- OpenStack form详解(field、样式与action)
- 一个背景图实现自定义spinner样式
- C++常见的内存错误及其对策
- <Win32_2>Bitmap位图应用1 ------ Win32的数字时钟
- 数组的地址是什么?是指向该数组类型的指针。
- Oracle 10g 修改字符集 为 ZHS16GBK
- DTSRUN
- Ext.form.field.Trigger自定义按钮样式及背景图
- boost.string_algo 字符串算法的类库
- Smali--Dalvik虚拟机指令语言-->【android_smali语法学习一】
- 最大化平均值
- Jersey annotation examples
- ACM大牛BLOG
- tech-androidjmdns
- pat_1040
- C++程序员面试题 打印图形 函数 (五)