Question

在我的页面上我有一个树视图，它在扩展之前异步加载节点。我无法弄清楚如何在等待节点加载时显示标准的“加载”gif。我知道这是标准行为，但它根本不起作用。可能是一些css问题..

我的网页引用了这样的css：

<link href="Scripts/app/ext-4/resources/ext-theme-classic/ext-theme-classic-all-debug.css" rel="stylesheet" />

我知道它在那里，因为其他一切都正确呈现。在那个css文件是这个类：

.x-grid-tree-loading .x-tree-icon {
  background-image: url('images/tree/loading.gif');
}

我确定使用此类是因为如果我放置background-color: #ff0000;而不是background-image: url('images/tree/loading.gif');，则应该出现图标的位置为红色背景。我知道图标网址应该相对于css位置设置，它是。这是我的文件结构的一部分：

脚本
- 应用
- EXT-4
  - 资源
  - EXT-主题经典
    - 图像
      - 树
        
        loading.gif
    - EXT-主题经典全debug.css

此外，当我直接使用img标签调用该图标时：

<img src="Scripts/app/ext-4/resources/ext-theme-classic/images/tree/loading.gif" />

加载图标按预期显示。

非常感谢任何想法！谢谢！

编辑：已解决

我能够弄清楚问题是什么。由于我正在使用树节点的自定义图标（抱歉没有提到，我认为这不相关），loading.gif以某种方式显示在这些图标下面。为了解决这个问题，我改变了

.x-grid-tree-loading .x-tree-icon {
  background-image: url('images/tree/loading.gif');
}

到

.x-grid-tree-loading .x-tree-icon {
  background-image: url('images/tree/loading.gif') !important;
}

ExtJs 4.2.1 tree - 图标“loading”未显示

0 个答案: