如何以編程方式更改 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");

*新標題：是您要設置的標題。