[ronakParticipant]

Hi, Yavor Dashev.
Thank you

[ronakParticipant]

hey, Yavor Dashev.
Thank you for your suggestion.

I am doing it this way now and it is working, but not in the way it should work. The table is taking too long to load. and I can’t find any after the complete event for particular this situation. below is my code. if you have any idea about this, please share it with me. thank you
screen shot : – https://tinyurl.com/yzguarkr

let self       = this;
                let value      = this.$refs.test.getdatainformation();
                let pageNumber = $('.jqx-max-size .jqx-dropdownlist-state-normal input[type=hidden]').val(); // get the clickable value via jQuery
                let totalRows  = value.rowscount;
               
                this.loader = true;

                setTimeout(function(){
                    if(pageNumber === '10') {
                        self.$refs.test.pagesize = 10;
                        self.loader = false;
                    }else if(pageNumber === '25'){
                        self.$refs.test.pagesize = 25;
                        self.loader = false;
                        console.log('test - 2');
                    }else if(pageNumber === '50'){
                        self.$refs.test.pagesize = 50;
                        self.loader = false;
                        console.log('test - 3');
                    }else {
                        console.log('test - 4');
                        self.$refs.test.pagesize = totalRows;
                        self.loader = false;                       
                    }
                }, 3000);

[ronakParticipant]

I am trying to update a :pagesize on pagesizechanged event. but it didn’t change the page size. please help.

<JqxGrid ref             = "test"
         :width           = "getWidth"
         :columnsresize   = "true"
         :pageable        = "true"
         :autorowheight   = "true"
         :autoheight      = "true"
         :columnsheight   = "55"
         :selectionmode   = "'checkbox'"
         :altrows         = "true"
         :pagesize="pagesize"
         :pagesizeoptions = "['10', '25', '50', '100','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;
            }

[ronakParticipant]

Thank you for reply,
Can you please provide me a reference link. I am using jqxGrid in vue js.

[ronakParticipant]

Hi Peter,
Thank you for your help. Now it works fine

[ronakParticipant]

Hi Peter, it’s still giving me an undefined result. I do something wrong?

const tableData = this.$refs.testTable.getrows();
const testrow = tableData.slice(0, 1);
const gridContent = this.$refs.testGrid.exportdata('html', 'test', true, testrow);
console.log('tableData', gridContent);

variable “testrow” output:-

[
0:{ 
        0: 'first_name'
	1: 'last_name'
	2: 'address'	
}
]

[ronakParticipant]

hi, there is any way to pass custom array for the print documents. because the above solution is to return the undefined result. I want to print only the checkbox check rows. please help

[Author]

Posts