如何在Ext.net的工具欄內動態更改文本字段的文本

Question

我正在使用ext.net進行項目，該項目在HtmlEditor的工具欄內具有分頁器

標記是：

<ext:Hidden ID='HF_type' runat="server"/>
    <ext:HtmlEditor ID="HtmlEditor1" runat="server" Height="800" Width="1050"
        EnableAlignments="false"
        EnableColors="false"
        EnableFont="false"
        EnableFontSize="true"
        EnableLinks="false"
        EnableLists="false"
        EnableSourceEdit="false"
        Maximizable="false"
    >
        <Listeners>
            <Initialize Handler="ButtonInit(#{HtmlEditor1})" />
            <Render     Handler="ButtonRender(#{HtmlEditor1})" />

        </Listeners>
    </ext:HtmlEditor>

工具欄渲染功能：

function ButtonRender(he){
he.getToolbar().add([{xtype:'tbseparator'}]);

he.getToolbar().addButton([{
    id:'previousBtn',
    iconCls:'arrow-left',
    handler: function(){previousPageClick();},
    scope: this,
    tooltip: 'Pagina precedente',
    overflowText: 'Pagina precedente'
}]);

he.getToolbar().addField( [{
   id:'pageCounter',
    xtype : 'tbtext',
    text : '1 di 3',
    width: '40'
}]);

he.getToolbar().addButton([{
    id:'nextBtn',
    iconCls:'arrow-right',
    handler: function(){nextPageClick();},
    scope: this,
    tooltip: 'Pagina successiva',
    overflowText: 'Pagina successiva'
}]);

he.getToolbar().add([{xtype:'tbseparator'}]);

he.getToolbar().addButton([{
    iconCls:'icon-printer-color',
    handler: function(){pdfClick();},
    scope: this,
    tooltip: 'Stampa',
    overflowText: 'Stampa'
}]);

一切正常：添加按鈕，頁面更改工作等。我唯一的問題是在工具欄的“ pageCounter”文本字段中，文本為“ 1 di 3”，但也可能為“ 1 di 2”。 我如何根據某些條件更改此值？

為了更好地解釋：我需要在頁面加載時根據頁面數以不同的數字顯示文本字段。

Answer 1

大聲笑。 顯然，在stackoverflow中發布問題會帶來好運。 弄清楚了。 我添加了2個hiddenfields，它們包含當前頁面總數和頁面總數，並在頁面加載時填充。 使用此代碼，我可以在加載時更改它：

Ext.onReady(function() {
var theCounter = #{HtmlEditor1}.getToolbar().get("pageCounter");
theCounter.setText(HF_currentPage.value + ' di ' + HF_totalPages.value);
});