在 pagesizeoptions 中添加“所有结果”选项网格

如何解决在 pagesizeoptions 中添加“所有结果”选项网格

我在 vueJS 中有一个 jqxgrid 表。 我想在 :pagesizeoptions. 中添加所有结果选项 下面是我正在尝试做的。请帮忙

<JqxGrid ref             = "test"
         :width           = "getWidth"
         :columnsresize   = "true"
         :pageable        = "true"
         :autorowheight   = "true"
         :autoheight      = "true"
         :columnsheight   = "55"
         :selectionmode   = "'checkBox'"
         :altrows         = "true"
         :pagesizeoptions = "['10','25','50','100','All Results']"
         @bindingcomplete = "onBindingcomplete($event)"
         @cellclick       = "testfun($event)"
         :showaggregates="true" :showstatusbar="true" :pagermode="'default'"
         :sortable="true" :showsortmenuitems="false">
</JqxGrid>

我正在尝试在 :pagesize 事件上更新 pagesizechanged。但它没有改变页面大小。请帮忙。

<JqxGrid ref             = "test"
         :width           = "getWidth"
         :columnsresize   = "true"
         :pageable        = "true"
         :autorowheight   = "true"
         :autoheight      = "true"
         :columnsheight   = "55"
         :selectionmode   = "'checkBox'"
         :altrows         = "true"
         :pagesize="pagesize"
         :pagesizeoptions = "['10','All Results']"
         @bindingcomplete = "onBindingcomplete($event)"
         @cellclick       = "testfun($event)"
         :showaggregates="true" :showstatusbar="true" :pagermode="'default'"
         :sortable="true" :showsortmenuitems="false">
</JqxGrid>

data: function () {
            return {
                pagesize: 10
            }
        },onPagesizechanged(){
                const value = this.$refs.test.getdatainformation();
                this.pagesize = value.rowscount;
            }