定制道场树

Question

我正在尝试开发具有下图所示样式的 dojo 树 link。我正在使用 dojo-release-1.10.2。我使用的主题是 'claro'。我没有得到提供父子关系的连接线，如下图 link 所示。任何人都可以建议我，如下所示的相同样式 link.

http://cdn.tripwiremagazine.com/wp-content/uploads/images/stories/Articles/dojo/tree.jpg

Answer 1

tundra 主题默认显示网格线，根节点除外，如果你想用 tndra 为根节点显示网格线，你应该覆盖 tree.css 将背景图像更改为这个。

.tundra .dijitTreeIsRoot {
    margin-left: 0;
    background-image: url('images/i.gif');
}

如果你想覆盖 claro 主题，你可以试试这个，但是你想将 gif 文件复制到你的应用程序并从那里加载它们，而不是从苔原加载它们。

.claro .dijitTreeNode {
  background-image : url('../tundra/images/i.gif');
  background-repeat : repeat-y;
}
/* left vertical line (grid) for all nodes */
.claro .dijitTreeIsLast {
    background: url('../tundra/images/i_half.gif') no-repeat;
}
.claro .dijitTreeExpandoLeaf, .dj_ie6 .claro .dijitTreeExpandoLeaf {
    background-image: url('../tundra/images/treeExpand_leaf.gif');
}
.claro .dijitTreeIsRoot {
    background-image : url('../tundra/images/i.gif');
}

定制道场树

Customised Dojo Tree

tree

dojo