在 Dojo 增强网格筛选器栏上设置状态文本

您要自定义的字符串是dojox/grid/enhanced/nls/Filter本地化捆绑包的一部分。 对此捆绑包的引用存储在Filter插件本身的构造函数中（例如，在 1.9.1 中）。

自定义这些消息的最可重用且波动性最小的方法可能是创建 Filter 插件的扩展并相应地更改nls对象。 例如：（以下假设您需要对适当的变量进行dojo/_base/declare、dojo/_base/lang、dojox/grid/EnhancedGrid和dojox/grid/enhanced/plugins/Filter）

var CustomFilter = declare(Filter, {
    name: 'customFilter',
    constructor: function () {
        // Avoid modifying the original nls bundle
        this.nls = lang.clone(this.nls);
        // Alter the "no filter applied" message
        this.nls.filterBarMsgNoFilterTemplate = 'Custom message here';
        // Alter other messages here
    }
});
EnhancedGrid.registerPlugin(CustomFilter);

然后，在创建 EnhancedGrid 实例时，无需在 plugins 哈希中指定 filter 键，而是指定customFilter。 它的属性将保持不变，因为您仍在扩展原始插件。

如果您需要找出要自定义的消息的 nls 对象中的键，请查看定义它们的捆绑包的来源。

当然，请注意，通常会根据浏览器的区域设置加载不同的本地化包。 上面的示例假设你只关心在自定义项中支持一种语言;如果要支持多个资源，则可能需要设置自己的一组 NLS 资源，以便在第一个资源之上混合使用。 如果您需要帮助，我可以扩展此答案，但这至少应该让您入门。

要以编程方式更改文本"未应用过滤器"，您可以这样做。我已经在我实际工作的网格中对其进行了测试。

首先获取 dom 节点，其中定义了 Text：

var node = JSON.stringify(dom.byId("dojox_grid_enhanced_plugins_filter_FilterBar_0"));

然后搜索定义文本的 span-tag 的类并更改它：

dojo.query( '.dojoxGridFBarStatus' ).forEach(function(node){ 
  node.innerHTML = "Set in the Text you would prefer";
 }

您可以对标签"显示 100 个项目中的 0 个"的文本执行相同的操作。除了必须在定义筛选器之后进行更改。

下面是网格中筛选器栏后面的代码。（由FF Web-DeveloperTool截获）

<tbody>
<tr>
    <td class='"dojoxGridFBarBtnTD'">
    <span aria-label='"Tabelle filtern'" 
            title='"Filter definieren'" 
            widgetid='"dijit_form_Button_12'" 
            class='"dijit dijitReset dijitInline dijitButton dojoxGridFBarBtn'" 
            role='"presentation'">
                <span class='"dijitReset dijitInline dijitButtonNode'" 
                data-dojo-attach-event='"ondijitclick:_onClick'" 
                role='"presentation'">
                    <span style='"-moz-user-select: none;'" 
                    id='"dijit_form_Button_12'" 
                    tabindex='"0'" 
                    class='"dijitReset dijitStretch dijitButtonContents'" 
                    data-dojo-attach-point='"titleNode,focusNode'" 
                    role='"button'" 
                    aria-labelledby='"dijit_form_Button_12_label'">
                        <span class='"dijitReset dijitInline dijitIcon dojoxGridFBarDefFilterBtnIcon'" 
                        data-dojo-attach-point='"iconNode'">
                        </span>
                            <span class='"dijitReset dijitToggleButtonIconChar'">?</span>
                            <span class='"dijitReset dijitInline dijitButtonText'" 
                            id='"dijit_form_Button_12_label'" 
                            data-dojo-attach-point='"containerNode'">...</span>
                    </span>
                </span>
            <input value='"'" 
            class='"dijitOffScreen'" 
            tabindex='"-1'"
            role='"presentation'" 
            data-dojo-attach-point='"valueNode'" 
            type='"button'">
    </span>
    </td>
    <td class='"dojoxGridFBarInfoTD'">
        <span class='"dojoxGridFBarInner'">
            <span class='"dojoxGridFBarStatus'" 
            dojoattachpoint='"statusBarNode'">Kein Filter angewendet</span>
                <span aria-label='"Filter abwählen'" 
                style='"display: none;'" 
                widgetid='"dijit_form_Button_13'" 
                class='"dijit dijitReset dijitInline dijitButton dojoxGridFBarClearFilterBtn'" 
                role='"presentation'">
                    <span class='"dijitReset dijitInline dijitButtonNode'" 
                    data-dojo-attach-event='"ondijitclick:_onClick'" 
                    role='"presentation'">
                        <span style='"-moz-user-select: none;'" 
                            id='"dijit_form_Button_13'" 
                            tabindex='"0'" 
                            class='"dijitReset dijitStretch dijitButtonContents'" 
                            data-dojo-attach-point='"titleNode,focusNode'" 
                            role='"button'" 
                            aria-labelledby='"dijit_form_Button_13_label'">
                                <span class='"dijitReset dijitInline dijitIcon dojoxGridFBarClearFilterBtnIcon'" 
                                    data-dojo-attach-point='"iconNode'">
                                </span>
                                <span class='"dijitReset dijitToggleButtonIconChar'">?</span>
                                    <span class='"dijitReset dijitInline dijitButtonText'" 
                                        id='"dijit_form_Button_13_label'" 
                                        data-dojo-attach-point='"containerNode'">Filter löschen</span>
                                    </span>
                        </span>
                        <input value='"'" 
                        class='"dijitOffScreen'" 
                        tabindex='"-1'" 
                        role='"presentation'" 
                        data-dojo-attach-point='"valueNode'" 
                        type='"button'">
                    </span>
                    <span widgetid='"dijit_form_Button_14'" 
                    class='"dijit dijitReset dijitInline dijitButton dojoxGridFBarCloseBtn'" 
                    role='"presentation'">
                        <span class='"dijitReset dijitInline dijitButtonNode'" 
                        data-dojo-attach-event='"ondijitclick:_onClick'" 
                        role='"presentation'">
                            <span style='"-moz-user-select: none;'" 
                            title='"Filterleiste schließen'" 
                            id='"dijit_form_Button_14'" 
                            tabindex='"0'" 
                            class='"dijitReset dijitStretch dijitButtonContents'" 
                            data-dojo-attach-point='"titleNode,focusNode'" 
                            role='"button'" 
                            aria-labelledby='"dijit_form_Button_14_label'">
                                <span class='"dijitReset dijitInline dijitIcon dojoxGridFBarCloseBtnIcon'" 
                                data-dojo-attach-point='"iconNode'">
                                </span>
                                    <span class='"dijitReset dijitToggleButtonIconChar'">?
                                    </span>
                                        <span class='"dijitReset dijitInline dijitButtonText dijitDisplayNone'" 
                                        id='"dijit_form_Button_14_label'" 
                                        data-dojo-attach-point='"containerNode'">Filterleiste schließen
                                        </span>
                            </span>
                        </span>
                        <input value='"'" 
                        class='"dijitOffScreen'" 
                        tabindex='"-1'" 
                        role='"presentation'" 
                        data-dojo-attach-point='"valueNode'" 
                        type='"button'">
                    </span>
                </span>
    </td>
</tr>
</tbody>

希望对您有所帮助。

问候，米里亚姆