Обновление HTML-текста внутри табуляции в ExtJS - PullRequest
Новая
       43

Обновление HTML-текста внутри табуляции в ExtJS

1 голос
/ 02 апреля 2012

У меня есть панель вкладок, которая заполняется сеткой при нажатии кнопки.Перед тем, как отобразится эта сетка, я хочу, чтобы панель информировала пользователя о нажатии кнопки, чтобы увидеть результаты.Когда пользователь нажимает на кнопку, я хочу заменить этот HTML-текст другим, но у меня возникают проблемы при этом. 

    xtype: 'tabpanel',
    id: 'results-tabpanel',
    activeTab: 0,
    autoScroll: true,
    border: false,
    layout: { type: 'fit', align: 'stretch' },
    items: [{
             title: 'Results',
             id: 'result-tab',
             html: "Run a query to see results"
             //autoEl: {html: "Run a query to see results",border:false }
            },
            {
             title: 'Transactions',
             html: "Run a query to see transactions"
           }]

В обработчике события для кнопки у меня есть: 

    var tab = Ext.getCmp("result-tab");
    tab.initialConfig.html = "Processing...";
    //tab.update("Processing...");

InitialConfig - потому что там я обнаружил, что html лежит через firebug.Я попытался использовать опцию autoEl, а затем выполнить обновление с сообщением, но оно просто добавляет к предыдущему HTML: http://i.imgur.com/UM3UD.png

Ответы [ 2 ]

4 голосов
/ 02 апреля 2012

Редактировать: Просто прочитайте комментарии и увидите, что вы уже с этим поработали!

Я удивлен tab.update ("Обработка ..."); не работает Я только что попробовал подобную конфигурацию и использовал метод обновления, чтобы изменить HTML, и он работал нормально, не оставляя старый текст. Вот мои настройки на случай, если это поможет. 

xtype: 'tabpanel',
region: 'center',
plain: true,
border: false,
width: 600,
margin: '4 10 2 2',
items: [
{
    xtype: 'panel',
    title: 'Testing',
    id: 'taskpanel',
    html: 'testing'
}
]

Затем в консоли я запустил это, чтобы сохранить настройку кнопки. 

Ext.getCmp('taskpanel').update('New Text!');

Работал нормально.

3 голосов
/ 06 апреля 2012

Вместо «tab.initialConfig.html» я просто использовал tab.body.update («Обработка ...»), и это решило проблему. autoEl не требуется.

...