Обновление dojox.mobile.Heading label

Question

У меня есть заголовок, определенный так:

<h1 id=header" dojoType="dojox.mobile.Heading" back="Back" moveTo="group1" label="Old Header"></h1>

Я хочу изменить метку заголовка в событии onClick. Я впервые попробовал это:

var header = dijit.byId("header");
header.innerHTML = "New Header";

Это обновило метку правильно, но моя кнопка «Назад» исчезла, потому что она была визуализирована в, который был в innerHTML (который теперь «Новый заголовок»).

Я попробовал другой подход, используя dojox.mobile.Heading.setLabel ():

var header = dijit.byId("header");
header.setLabel("New Header");

Это удерживает кнопку возврата, но фактически не меняет метку. При проверке console.log (заголовок) я вижу, что метка была изменена, но она не отображается на моей странице. Его как заголовок должен перерисовать сам. Есть идеи?

Answer 1

попробуй header.set("label", "New Header");

Answer 2

Это хак, который решил мою проблему (см. Комментарий выше).

  dijit.byId('header').domNode.lastChild.nodeValue = 'New label';