1

快捷方式: EXT = Ext JS 4 应用程序 ASP = Asp.Net MVC3 应用程序

我在加载 Ext JS 4 应用程序视图中设置的图像时遇到问题。该应用程序是 Asp.NET MVC 3 项目的一部分。在我的EXT文件夹中,我有 Sencha MVC 应用程序的经典结构。在ASP项目中,EXT文件夹位于:root + "/Sencha/WebClient/"。在EXT的视图中,我将路径设置为按钮的图标,如下所示:

icon: 'images/common/desktop/btnStart.png'

图像未加载,因为我认为 .js 文件在ASP视图文件夹中执行。我已将 appFolder 设置为“/Sencha/WebClient/”,以便EXT找到视图、控制器等,但图标路径仍保持为“images/common/desktop/btnStart.png”而不是“/Sencha/WebClient/”图片/common/desktop/btnStart.png”。

有什么办法可以解决这个问题吗?

4

1 回答 1

1

它不会那样工作。应用为 css 样式的图标属性。我建议在 DOM 中看起来像

style="...; background-image: url(images/common/desktop/btnStart.png);"

所以无论js脚本放在哪里都没有关系。此图像路径是相对于当前页面的 url,因此不会按预期应用此样式。但是,如果您指定绝对路径,它将起作用。

我可以建议您使用sass/scss + compass,并使用使用图像路径的 css 类。您可以设置您的图像路径和更多使用将应用您指定的背景图像的混合

@mixin backgroundImage($img) {
    $imagesRoot: '/Sencha/WebClient/images/';
    @include background-image($imagesRoot + $img);  
}

.btnStart {
    @include backgroundImage('common/desktop/btnStart.png');
}

然后在按钮配置中使用

iconCls: 'btnStart'
于 2012-09-15T08:11:18.457 回答