微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

primeng:表状态不适用于下拉列表过滤器状态

如何解决primeng:表状态不适用于下拉列表过滤器状态

我正在使用primeng表,并根据文档使用localstorage保存过滤器状态。

表状态 stateStorage="local" stateKey="statedemo-local" 预期O / p。 设置过滤器后,刷新页面,所选过滤器将保留在过滤器框和结果中,

当前o / p:

但是对于下拉列表,过滤器结果运行良好,并且未绑定到过滤器下拉列表中, 例如)考虑在下拉菜单中选择nokia并进行刷新,我在表中获得了诺基亚的结果,但未选择过滤器下拉列表。

对于textBox:基于doc示例工作。

<th>
                    <input pInputText type="text" (input)="dt1.filter($event.target.value,'name','contains')" [value]="dt2.filters['name']?.value" placeholder="Search by Name" class="p-column-filter">
                </th>

下拉菜单不起作用。


**tried with below  3 options**
  [value]="dt2.filters['status']?.value"
[(ngModel)]="dt2.filters['status']?.value"
[filterBy]="dt2.filters['status']?.value"

   <p-dropdown [options]="statuses" (onChange)="dt.filter($event.value,'status','equals')" 
                     [value]="dt2.filters['status']?.value"
                 
                    styleClass="p-column-filter" placeholder="Select a Status" [showClear]="true">
                        <ng-template let-option pTemplate="item">
                            <span [class]="'customer-badge status-' + option.value">{{option.label}}</span>
                        </ng-template>
                    </p-dropdown>

image

demo: doc:https://www.primefaces.org/primeng/v9.1.7-lts/#/table/state

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。