小编Jav*_*hez的帖子

你好,我有下一个问题,我想在一个组合框中渲染我的显示值的html,当我加载一个准备好html的商店时,它在我显示所有这些时呈现html,但是当我选择一个时,它显示了HTML.

当项目被选中时,我该怎么做才能呈现html？

以下是一些有助于解释不便之处的图片:

这是我要选择一个

http://i.stack.imgur.com/TcfRA.jpg

这是我选择一个

http://i.stack.imgur.com/Kzi9r.jpg

我正在渲染的Html是下一个:

<img class="io_img" src="/files/images/io-P.gif"/><div class="io_desc">hola</div></div>

提前致谢.

PD:很抱歉没有显示图片,只显示链接,但我没有足够的声誉来直接显示图片.

问题 答案如下

您好我正在寻找一种简单的方法来改变进度条的颜色,我正在尝试用它来做,看起来像这样:

function (progressBar, value) {
    if (value < 40) {
        progressBar.setColor('red');
    } else if (value >= 40 && value <= 80) {
        progressBar.setColor('yellow');
    } else {
        progressBar.setColor('green');
    }
}

然后通过方法progressbar已经具有的方式改变颜色的方式,setUI或其他可以工作的方式也会很好.

谢谢.

解

我找到了这样做的方法,在这里,我创建了一个自定义进度条,在那里我使用了监听器更新,然后这个将接收进度条的实际值,而条形本身,我拿obj并找到进度条的样式,我用我想要的十六进制颜色修改backgroundColor和borderRightColor,并将backgroundImage设置为空URL然后它将允许backgroundcolor显示.

我也创建了一个发送默认颜色的选项.

这是代码:

Ext.define("progressBarCustom", {
    extend: 'Ext.ProgressBar',
    alias: 'widget.progressBarCustom',
    max: null,
    ave: null,
    min: null,
    color: null,

    initComponent: function () {
        var me = this;
        me.width = 300;
        me.margin = '5 5 0 5';
        me.callParent(arguments);
    },

    listeners: {
        update: function (obj, val) {
            if (this.max != …