2013-03-18 54 views
0
動態改變文本框的文本工具欄裏面

我工作的一個項目,ext.net它有一個HTML編輯如何在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」。 如何根據特定條件更改此值?

爲了更好地解釋:我需要在頁面加載時根據頁數顯示不同的數字。

回答

0

大聲笑。顯然發佈一個問題在stackoverflow帶來好運。弄清楚了。我添加了2個包含當前和總頁數的隱藏字段,並且我填充了頁面加載。有了這個代碼我改變它的負載:

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