Làm cách nào để thay đổi tiêu đề tab dojo/dijit theo chương trình?

Question

Ví dụ, với tab dijit.ContentPane bên dưới, làm cách nào để thay đổi tiêu đề "Tóm tắt" thành một cái gì đó theo chương trình?

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

tôi đã cố gắng:

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

... cũng một loạt các kết hợp khác, nhưng nó không hoạt động? Bất kỳ ý tưởng?

Answer 1

Chỉ cần hai lỗi nhỏ: đầu tiên, để có được một ví dụ dijit (ví dụ: đối tượng javascript dijit.layout.ContentPane, không phải nút DOM), bạn phải sử dụng dijit.byId và thứ hai, thiết lập thuộc tính trên dijit được thực hiện với phương pháp set. Vì vậy:

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

.. nên thực hiện thủ thuật.

Answer 2

1. Lấy phiên bản của div bằng cách sử dụng "dijit.byId".
2. Khi bạn đã tạo cá thể bằng cách sử dụng dijit ("dijit.byId"), vì vậy hãy sử dụng phương pháp 'set' để đặt giá trị cho thuộc tính.

Mã số:. dijit.byId ("summaryContent") set ("title", "New Title");

* Tiêu đề mới: là tiêu đề bạn muốn đặt.

Answer 3

Đây là những gì làm việc cho tôi, không chỉ đối với tiêu đề nhưng đối với bất cứ tài sản:

Đầu tiên bao gồm "dijit/đăng ký" (https://dojotoolkit.org/reference-guide/1.10/dijit/registry.html)

Sau đó trong mã làm:

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