extjs 中label使用fieldLabel 的方法,还可以添加renderer方法

最新推荐文章于 2024-06-17 10:15:05 发布

走错路的程序员

最新推荐文章于 2024-06-17 10:15:05 发布

阅读量1.8w

点赞数 2

文章标签： extjs licensing function constructor library

本文链接：https://blog.csdn.net/phker/article/details/4241064

版权

这组件个完全适应formpanel的要求

Ext.form.Label = Ext.extend(Ext.form.Field, {
    onRender: function(ct, position) {
        Ext.form.Field.superclass.onRender.call(this, ct, position);
        if (!this.el) {
            var cfg = this.getAutoCreate();
            if (!cfg.name) {
                cfg.name = this.name || this.id;
            }
            if (this.inputType) {
                cfg.type = this.inputType;
            }
            this.el = ct.createChild(cfg, position);
            //this.el.wrap();              
            //var cel= this.el.createChild({tag:'LabelDiv'});              
            //this.el.addClass('x-form-field-wrap')            
            this.setValue(this.value);
        }
        if (this.tabIndex !== undefined) {
            this.el.dom.setAttribute('tabIndex', this.tabIndex);
        }
        this.el.addClass([this.fieldClass, this.cls]);
    },
    setText: function(text) {
        this.el.dom.innerHTML = text;
    },
    setValue: function(v) {
        var rendervalue;
        this.value = rendervalue = (v === null || v === undefined ? '': v);
        if (this.rendered) {
            if (this.renderer) {
                rendervalue = this.renderer(this.value, this.getName());
            }
            this.el.dom.value = this.value;
            this.setText(rendervalue);
            this.validate();
        }
    },
    defaultAutoCreate: {
        tag: "Div",
        size: "20"
    }
});
Ext.reg('label', Ext.form.Label);

效果图看其中的附件: reademe.txt 效果.

效果图