`
h07061108
  • 浏览: 78253 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

更改控件背景色,如textfield

ext 
阅读更多
Ext.onReady( function() {
var colorShowId = '';

function showColor(id) {
colorShowId = id;
var colorText = Ext.getCmp(id);
colorWin.x = colorText.getPosition()[0] + colorText.getWidth();
colorWin.y = colorText.getPosition()[1];
colorWin.show();
}

var menu = new Ext.menu.ColorMenu({
listeners: {
        select: function(picker, selColor) {
            var color = '#' + selColor;
  Ext.getDom(colorShowId).style.background = color;
  colorWin.hide();
        }
    }
});


var colorWin = new Ext.Window( {
title : 'yyy',
constrain : true,
layout : 'fit',
plain : true,
width : 380,
height : 300,
closeAction : 'hide',
animCollapse : true,
animateTarget : Ext.getBody(),
modal : true,
items : [
{
xtype : 'button',
text : 'hzy',
menu : menu
}
]
}) ;


var form = new Ext.form.FormPanel({
width:200,
items : [
{
xtype : 'textfield',
id : 'aa',
fieldLabel : 'xxxxxx'
}
],
buttonAlign : 'center',
buttons: [{
        text: 'xxx',
        style:'background:red',
        handler: function(btn) {
showColor('aa');
        }
    } ]
});
var viewport = new Ext.Viewport({
layout : 'fit',
items : [form]
});
viewport.doLayout();
});
  • 大小: 6.8 KB
分享到:
评论

相关推荐

    iOS使用runtime修改文本框(TextField)的占位文字颜色

    然而,`UITextField`的默认占位文字颜色是深灰色,这在某些背景下可能不易看清。为了解决这个问题,开发者可以利用Objective-C的运行时(Runtime)机制来扩展`UITextField`的功能,自定义占位文字的颜色。本文将详细...

    JavaFX表单验证

    为了实现更丰富的验证效果,可以使用JavaFX的Notification组件显示错误提示,或者通过改变字段背景色、边框样式等方式直观地向用户反馈验证状态。 JavaFX-Form-Validation这个压缩包文件可能包含了相关的示例代码、...

    extjs控件列表

    - **用途**: 颜色选择器,如文本颜色、背景颜色等。 **Ext.menu.DateMenu** - **描述**: 日期选择菜单,用于选择日期。 - **用途**: 快速选择日期,如日历应用。 **Ext.menu.CheckItem** - **描述**: 选项菜单项,...

    swift-iOS验证码输入

    可以自定义UITextField的边框、圆角、背景色等,使其与应用的其他元素保持一致。 10. **自动填充**:对于已授权的用户,应用可以考虑利用Safari Services框架的`ASWebAuthenticationSession`来实现验证码的自动填充...

    ios-自定义密码输入框.zip

    例如,可以使用`textColor`改变文本颜色,`borderStyle`调整边框样式,`cornerRadius`设置圆角,`backgroundColor`更改背景色等。 4. 弹出视图: 标签提到的“弹出视图”可能指的是显示密码输入框的...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome ...

    ios风格的数字密码和圆角设置

    对于背景色填充,可以使用`backgroundColor`属性设定,确保颜色完全覆盖圆角。 为了进一步增强用户体验,我们可以考虑添加动画效果。例如,当用户点击数字按钮时,密码输入框可以有微妙的放大或高亮效果,这可以...

    ExtAspNet_v2.3.2_dll

    ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox...

    GridView_72般绝技

    #### 鼠标移到GridView某一行时改变该行的背景色 当鼠标悬停在某一行上时,可以通过CSS或JavaScript来改变行的背景颜色,提高用户体验。 **实现方式:** 1. 通过CSS设置`:hover`伪类。 2. 或者使用JavaScript动态...

    Introducing Starling 中文版

    1. **背景颜色**:定义场景的背景色。 2. **视口尺寸**:设置视口的宽度和高度,以匹配目标显示区域。 3. **视口变换**:使用平移、缩放等操作调整视图,以实现特定的视觉效果。 4. **相机控制**:通过相机对象控制...

    个人整理超精密的iOS笔记.pdf

    - **设置背景色**: 可以通过设置 `backgroundColor` 属性来改变视图的背景颜色。 - **自定义颜色**: 通过 `UIColor` 类可以创建自定义颜色,例如:`UIColor colorWithRed:green:blue:alpha:` 方法。 #### 3. 屏幕...

    GridView 72般绝技

    - **方法二**:通过JavaScript来监听鼠标悬停事件,从而更改背景色。 **实际应用示例(CSS):** ```html .gridViewHover { background-color: #f0f0f0; } ``` ```csharp protected void GridView1_...

    ios开发小技巧

    - 设置 `UILabel` 的属性,如文本、背景色、字体颜色、对齐方式等。 - 通过 `lineBreakMode` 和 `numberOfLines` 属性来实现自动换行。 ### 9. 代码生成 Button 动态创建 Button。 **代码示例:** ```objective-c...

    经典的GridView72种使用技巧

    鼠标移到GridView某一行时改变该行的背景色 可以通过客户端脚本实现这一功能。有两种常见的实现方式: - **方法一**:使用JavaScript或jQuery监听`onmouseover`和`onmouseout`事件,然后修改行的CSS类。 - **方法...

    Unity3D GUI 教程

    - **使用场景**:当需要调整按钮、标签等GUI元素背景色时使用。 - **示例代码**: ```csharp GUI.backgroundColor = Color.red; GUI.Button(new Rect(10, 10, 100, 30), "Red Button"); ``` **1.2 GUI....

Global site tag (gtag.js) - Google Analytics