0

HtmlEditor のツールバー内にページネーターを持つext.netを使用したプロジェクトに取り組んでいます

マークアップは次のとおりです。

<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」になることもあります。特定の条件に応じてこの値を変更するにはどうすればよいですか?

よりよく説明するには、ページの読み込み時に、ページ数に応じてテキストフィールドが異なる数で表示されるようにする必要があります。

4

1 に答える 1

0

笑。どうやらstackoverflowに質問を投稿すると幸運が訪れるようです。理解した。現在のページ数と合計ページ数を含み、ページの読み込み時に入力する 2 つの隠しフィールドを追加しました。このコードでは、ロード時に変更します:

Ext.onReady(function() {
var theCounter = #{HtmlEditor1}.getToolbar().get("pageCounter");
theCounter.setText(HF_currentPage.value + ' di ' + HF_totalPages.value);
});
于 2013-03-18T10:54:49.253 に答える