Extjs 怎么在文字前添加图片啊 (小弟刚接触Extjs)

上面说的加css是一个办法。但是有点画蛇添足的感觉。

extjs 按钮等图标，都已经有属性。

比如一个button

var button = new Ext.Button({

text : 'newbutton',

icon : 'image/xxx/xxx.png',

handler : function(){

xxxxx

}

})

这样就可以了

网页制作文本框有键盘图标的方法：

1、首先使用input标签创建一个网页制作文本框。

2、在css中，使用background属性设置input的背景图片为icon.jpg，

3、最后即可完成小图标的添加键盘图标。

Ext.onReady(function() {

    var trigger = Ext.create('Ext.form.field.Trigger', {

        labelAlign : 'right',

        fieldLabel : '测试',

        margin : '10 0 0 0',

        triggerCls : 'x-form-clear-trigger',

        onTriggerClick : function(e) {

            trigger.setValue('')

        },

        renderTo : Ext.getBody()

    })

})

Ext.form.field.Trigger                  //定义一个 Trigger,

triggerCls : 'x-form-clear-trigger' //配置 文本框右侧的按钮样式，

onTriggerClick                            //再就是添加事件。

另外 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)

---