如何以编程方式更改 dojo/dijit 选项卡标题？

Question

例如，给定下面的 dijit.ContentPane 选项卡，我如何以编程方式将标题“摘要”更改为其他内容？

<div id="summaryContent" class="tabClass" dojoType="dijit.layout.ContentPane" title="Summary" selected="true">

我试过了：

dojo.byId('summaryContent').title
document.getElementById('summaryContent').style.title

...以及一堆其他组合，但它不起作用？ 有任何想法吗？

Answer 1

只是两个小错误：首先，要获取 dijit 实例（例如 dijit.layout.ContentPane javascript object，而不是 DOM 节点），您必须使用dijit.byId ，其次，在 dijit 上设置属性是使用set方法。 所以：

dijit.byId("summaryContent").set("title", "My new awesome title");

..应该做的伎俩。

Answer 2

这对我有用，不仅适用于所有权，也适用于任何财产：

首先包括“dijit/registry”（ https://dojotoolkit.org/reference-guide/1.10/dijit/registry.html ）

然后在代码中执行：

var summaryContent = registry.byId("summaryContent");
summaryContent._set("title", "new title here");
//Set something like the icon
summaryContent._set("iconClass", "summary-icon");

Answer 3

1. 使用“dijit.byId”获取 div 的实例。
2. 由于您已使用 dijit ("dijit.byId") 创建了实例，因此请使用方法 'set' 将值设置为属性。

代码： dijit.byId("summaryContent").set("title", "New Title");

*新标题：是您要设置的标题。