在 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;
            }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）