I'm working on a project with ext.net which has a paginator inside the toolbar of an HtmlEditor
Markup is:
<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>
Toolbar render function:
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'
}]);
Everything is working fine: Buttons are added, page changes work etc. The only problem that i have is that in the "pageCounter" textfield of the toolbar the text is "1 di 3" but it could also be "1 di 2". How can i change this value depending on certain conditions?
To explain better: I need that on page load the textfield appears with different number depending on number of pages.