Question

我的网络应用程序使用<ace:dataTable>，我想在列中添加默认过滤器。数据表使用延迟加载。我知道我可以将托管bean中的过滤器添加到“load”-method。

但我需要在渲染页面的开始时将过滤器设置为视图中的过滤器“textbox”，而不是在托管bean中实现过滤器。

我怎样才能做到这一点？

Answer 1

如果我理解你的问题。如果你有这样的数据表：

<ace:dataTable id="carTable"
                  value="#{dataTableBean.carsData}"
                  var="car"
                  paginator="true"
                  paginatorPosition="bottom"
                  rows="10">
        <ace:column id="id" headerText="ID" sortBy="#{car.id}"
                    filterBy="#{car.id}" filterMatchMode="contains">
            <h:outputText id="idCell" value="#{car.id}"/>
        </ace:column>
    </ace:dataTable>

你有一个像这样的HTML代码：

<div class="ui-datatable ui-widget" id="form:carTable">
<div>
    <table>
        <thead>
            <tr>
                <th class="ui-widget-header">
                    <div class="ui-header-column ui-sortable-column clickable" id="form:carTable:id">
                        <span>
                            <span class="ui-header-text" id="form:carTable:id_text">ID</span>
                        </span>
                        <span class="ui-header-right">
                            <span class="ui-sortable-control">
                                <span class="ui-sortable-column-icon">
                                    <a class="ui-icon ui-icon-triangle-1-n" tabindex="0"
                                       style="opacity: 0.33; "></a>
                                    <a class="ui-icon ui-icon-triangle-1-s" tabindex="0"
                                       style="opacity: 0.33; "></a>
                                </span>
                                <span class="ui-sortable-column-order"></span>
                            </span>
                        </span>
                        <input class="ui-column-filter" id="form:carTable:id_filter" name="form:carTable:id_filter"
                               size="1" tabindex="0" value=""/>
                    </div>
                </th>
            </tr>
        </thead>
        <tbody class="ui-datatable-data ui-widget-content">
            <tr class=" ui-datatable-even  " id="form:carTable_row_0" tabindex="0">
                <td>
                    <span id="form:carTable:0:idCell">1</span>
                </td>
            </tr>
            <tr class=" ui-datatable-odd  " id="form:carTable_row_1" tabindex="0">
                <td>
                    <span id="form:carTable:1:idCell">2</span>
                </td>
            </tr>
        </tbody>
    </table>
</div>

在那里你可以看到输入。然后我会使用jQuery：

$(document).ready(function() {
$('[id$=id_filter]').html("default_text_for_filtering");});

ace：dataTable默认过滤器

1 个答案: