1

在我的页面上，我有一个树视图，它在扩展之前异步加载节点。我不知道如何在等待节点加载时显示标准的“加载”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');，图标应该出现的地方会变成红色背景。我知道图标 url 应该相对于 css 位置设置，它是。这是我的文件结构的一部分：

  • 脚本
    • 应用程序
    • 分机 4
      • 资源
      • 扩展主题经典
        • 图片
          • 树
            • 加载.gif
        • ext-theme-classic-all-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;
}
4

0 回答 0