Sencha Touch tabPanel tabbar 动态图片答案

【问题标题】：Sencha Touch tabPanel tabbar dynamic imagesSencha Touch tabPanel tabbar 动态图片
【发布时间】：2011-09-30 07:53:24
【问题描述】：

在我的应用程序中，我有一个 tabPanel。选项卡的标题和图标需要是动态的。我正在从服务器获取这些数据。但我找不到任何可以从外部源 URL 加载图标的方法。我将 iconCls 属性与我的自定义类一起使用为 .tab{-webkit-mask-box-image: url("SomeHttpURL")} 但这也是静态的。如何使 SomeHttpURL 成为一个占位符，替换为我在运行时从服务器获取的 URL？

塔伦·夏尔马。

【问题讨论】：

标签： tabs sencha-touch extjs

【解决方案1】：

在你的 CSS 中：

.x-tab img.your_icon_name .x-button img.x-icon-mask.your_icon_name{
    -webkit-mask-image:url("SomeHttpURL");
}

在您的面板代码中：

iconCls: 'your_icon_name',

【讨论】：