如何在JustPy Python中显示ag网格浮点过滤器

Question

我想通过将defaultColDef.floatingFilter设置为True来显示所有列上的浮动过滤器。但是，根本不显示浮动过滤器。defaultColDef的另一个设置是正确的，例如grid.options.defaultColDef.editable。有人能指出下面的代码有什么问题吗？谢谢。

ag网格文档是这里。

import justpy as jp
import pandas as pd

import requests
import json

import re
import os
import time

from ratelimit import limits
from tenacity import retry, stop_after_attempt, wait_fixed
from datetime import datetime, timedelta, date

wm_df = pd.read_csv('https://elimintz.github.io/women_majors.csv').round(2)

async def select_all_rows(self, msg):
    await self.grid.run_api('selectAll()', msg.page)

async def deselect_rows(self, msg):
    await self.grid.run_api('deselectAll()', msg.page)

async def resetFilters(self, msg):
    await self.grid.run_api('setFilterModel()', msg.page)

async def restoreFilters(self, msg):
    # savedFilterValues = msg.page.filterValues
    await self.grid.run_api("setFilterModel({year: {type: 'lessThan',filter: '1980'}})", msg.page)

def row_selected(self, msg):
    wp = msg.page
    if msg.selected:
        wp.selected_rows[msg.rowIndex] = msg.data
    else:
        wp.selected_rows.pop(msg.rowIndex)

def downloadRow(self, msg):
    wp = msg.page
    wp.resultSelect.text = wp.selected_rows.values()

def grid_test():
    wp = jp.QuasarPage(dark=False)
    
    wp.selected_rows = {}
    
    grid = wm_df.jp.ag_grid(a=wp)
    grid.options.pagination = True
    grid.options.paginationAutoPageSize = True
    grid.options.columnDefs[0].checkboxSelection = True
    grid.options.columnDefs[0].headerCheckboxSelection = True
    grid.options.columnDefs[0].headerCheckboxSelectionFilteredOnly = True
    grid.options.columnDefs[1].hide = True
    # grid.options.columnDefs[1].floatingFilter = True
    
    # grid.options.defaultColDef.filter = True
    grid.options.defaultColDef.floatingFilter = True
    grid.options.defaultColDef.enableValue = True
    grid.options.defaultColDef.editable = True

    grid.options.rowSelection = 'multiple'
    grid.options.sideBar = True
    grid.on('rowSelected', row_selected)
    
    d = jp.Div(classes='q-pa-md q-gutter-sm', a=wp)
    jp.QButton(label="Download", color="primary", a=d, click=downloadRow)
    buttonResetFilter = jp.QButton(label="Reset filter", color="primary", a=d, click=resetFilters)
    buttonResetFilter.grid = grid
    restoreRestoreFilter = jp.QButton(label="Restore filter", color="primary", a=d, click=restoreFilters)
    restoreRestoreFilter.grid = grid
    wp.resultSelect = jp.Div(classes='q-pa-md q-gutter-sm', a=wp, text='The result will be displayed here')
    
    return wp

jp.justpy(grid_test)

Answer 1

@Kanda --谢谢你的精彩提问。作为公正的提交者，我已经将您的代码添加到了公正代码库中，并使用

python examples/stackoverflow/q73497028.py

结果是：

​

​

我假设您预期的是

https://ag-grid.com/javascript-data-grid/floating-filters/

考虑到https://github.com/justpy-org/justpy/issues/314)不是固定的，您可能希望确保您所期望的特性在您正在使用的公正版本中是否实际可用(为了清楚起见，您可以在您的问题中说明这一点)。我假设您使用的是最新版本0.2.8。由于正义的复兴，正如在https://github.com/justpy-org/justpy/discussions/409中所讨论的那样，您可能会注意到公正的社区试图保持在用户期望之上。不幸的是，完全满足期望是有限度的，所以您可能需要注意在https://github.com/justpy-org/justpy/issues?q=is%3Aopen+is%3Aissue+label%3A%22AG+Grid%22中标记为"ag-grid“的问题和问题。