Extjs 自定义控件-自定义标签控件



Ext.define('Pactera.widget.LabelRating', {
    alias: "widget.labelrating",
    //extend: 'Ext.Component',
    extend: 'Ext.form.FieldContainer',
    afterRender: function () {
        this.callParent();
    },

    width: 275,
    //height: 40,
    //padding: 10,
    commonLabel: '形象气质佳、沟通表达可、条理清晰、职业素养好、可塑性强、专业能力不错、有礼貌、向往公司、做事细心、经验丰富、薪资要求高、稳定性较好、稳定性担忧',
    style: {
        color: '#000000',
        //backgroundColor: '#FFFFFF'
    },
    allowBlank: true,
    initComponent: function () {
        var me = this;
        var date = new Date();
        var dateTime = date.getTime();
        var starId = me.id ? "star_" + me.id : "star" + dateTime;

        var label = me.label ? me.label : '评分';
        var labelWidth = me.labelWidth ? me.labelWidth - 13 : 87;
        var labelAlign = me.lableAlign ? me.lableAlign : 'right';
        var thisWidth = me.width ? me.width : 130;
        var name = me.name;
        /*
        var aMsg = [
			"Unacceptable|Unacceptable",
			"Poor|Poor",
			"Fair|Fair",
			"Good|Good",
			"Excellent|Excellent"
        ]
        */
        var aMsg = [
			"很不满意|Unacceptable",
			"不满意|Poor",
			"一般|Fair",
			"满意|Good",
			"非常满意|Excellent"
        ]
        
        if (me.aMsg) {
            aMsg = me.aMsg;
        }

        var html = '<style type="text/css">';
        //html += '.star{position:relative;margin:0px auto;}';
        html += '</style>';
        html += '<div id="' + starId + '" class="star" style="width:' + thisWidth + 'px;">';
        //已添加标签
        html += '<span style="font-weight:bold;">已添加标签</span><br/><br/>';
        html += '<div style ="width:' 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值