【问题标题】:How to dynamically change text of textfield inside toolbar in Ext.net如何在 Ext.net 中动态更改工具栏内的文本字段的文本
【发布时间】:2013-03-18 10:27:03
【问题描述】:

我正在使用 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"。 如何根据特定条件更改此值?

为了更好地解释:我需要在页面加载时文本字段根据页数显示不同的数字。

【问题讨论】:

    标签: javascript asp.net pagination ext.net html-editor


    【解决方案1】:

    哈哈。显然在 stackoverflow 中发布问题会带来好运。弄清楚了。我添加了 2 个隐藏字段,其中包含当前页数和总页数,并在页面加载时填写。使用此代码,我在加载时更改它:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-10
      • 2022-01-07
      • 1970-01-01
      • 2012-04-27
      • 1970-01-01
      相关资源
      最近更新 更多