extjs自定义控件　星形评分组件_var amsg = [ "很不满意|很不满意", "不满意|不满意", "一般|一般",-CSDN博客

本文链接：https://blog.csdn.net/hhjjjh/article/details/89175119

本文介绍如何在ExtJS中自定义一个星形评分控件，详细讲解了创建过程和使用方法，帮助开发者实现交互式的星形评分功能。

摘要由CSDN通过智能技术生成


/*
星级评分组件,示例
{ 
xtype: 'starrating', 
name: 'F_Score_Number', 
fieldLabel: '简历质量评分', 
allowBlank: true,
readOnly: false 
}
*/
Ext.define('Pactera.widget.StarRating', {
    alias: "widget.starrating",
    //extend: 'Ext.Component',
    extend: 'Ext.form.FieldContainer',
    afterRender: function () {
        this.callParent();
    },

    //label: ‘score‘,//
    //labelWidth: 60,
    //lableAlign:‘right‘,//left,center,right
    //aMsg: [], 
    /*[
		"很不满意|差得太离谱，与卖家描述的严重不符，非常不满",
		"不满意|部分有破损，与卖家描述的不符，不满意",
		"一般|质量一般，没有卖家描述的那么好",
		"满意|质量不错，与卖家描述的基本一致，还是挺满意的",
		"非常满意|质量非常好，与卖家描述的完全一致，非常满意"
		]*/

    width: 275,
    //height: 40,
    //padding: 10,
    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"