Client pagination

[zolotoy]

I am trying to setup a client pagination. Here is my code:

Code:

$(elem).treegrid({
                columns: [[
                    { field: 'name', title: 'Name' },
                     ............
                ]],
                loadFilter: scope.pagerFilter

Code:

$scope.pagerFilter = function (data) {
        var dg = $(this);
        var opts = dg.treegrid('options');
        var pager = dg.treegrid('getPager');
        pager.pagination({
            onSelectPage: function (pageNum, pageSize) {
                opts.pageNumber = pageNum;
                opts.pageSize = pageSize;
                pager.pagination('refresh', {
                    pageNumber: pageNum,
                    pageSize: pageSize
                });
                dg.treegrid('loadData', data);
            }
        });
        if (!data.originalRows) {
            data.originalRows = (data.rows);
        }
        var start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
        var end = start + parseInt(opts.pageSize);
        data.rows = (data.originalRows.slice(start, end));
        return data;
    }

Does not work at all.
Can some please help?

Thanks

[jarry]

The client paging code for the datagrid can not be used in the treegrid component. You must use the corresponding client paging code for the treegrid. Please refer to the following example.

http://www.jeasyui.com/demo/main/index.php?plugin=TreeGrid&theme=default&dir=ltr&pitem=Client%20Side%20Pagination

[zolotoy]

I am using code for the example.
My controller:

Code:

.....
ngModel.$render = function (value) {
                $(elem).treegrid('loadData', ngModel.$viewValue);
            };
$(elem).treegrid().treegrid('clientPaging');

markup:

Code:

<div style="width:100%;height:100%">
    <table id="tg" alarms-treegrid ng-model="alarms" pagination="true" pageSize="30" fit="true"
            rownumbers="true" fitColumns="true" singleSelect="true" idField="id" treeField="name">
    </table>
</div>

And all the code that starts with (function($){ .....  has been copied into a separate file which is loaded in the main page.

The screen comes up with a pager that shows 30, but the Next button is disabled.