Customizing jqxgrid

[akashParticipant]

Hi ,
I’m trying to Customize jqxGrid, specifically i was trying to customize the footer part where all the page no.,page navigation etc are present, i want to place a button in that same footer, is it possible do? or i have to write whole logic to perform all that functionality that jqxGrid already provide.

I have Searched ‘pagerrenderer’ , this gives me the ability to write own footer,or is there any example explaining how can i write all the functionality provided jqxGrid default footer provide.

[Peter StoevKeymaster]

Hi akash,

You may look at the Grid’s API Reference and Documentation pages to learn how to write your own Pager and what API options our widget supports about changing a page, page size, etc.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[ritasakhujaParticipant]

hi
I am trying to add Pagerrenderer in the grid.
var gridPagerrenderer = function () {
var element = “<div style=’margin-top: 5px; width: 100%; height: 100%;’></div>”;

return element;
}

$scope.settings =
{
altrows: true,
autowidth: true,
autoheight: true,
pageable: true,
pagerrenderer: gridPagerrenderer,
sortable: true,
source: $scope.gridOptions.data,
filterable: true,
showfilterrow: true,
selectionmode: ‘checkbox’,

ready: function()
{
//$scope.gridInstance.apply(‘selectrow’, 0);
},

cellclick:function (event) {
//$scope.previewClick(event);
$scope.row.entity=event.args.rowindex
},
pagesizechanged:function (event) {
$scope.pagesizechangedEvent(event);
},
pagechanged:function (event) {
$scope.pagechangedEvent(event);
},
columns: $scope.gridOptions.columnDefs
}

I am getting following error.
F.columns.records is undefined
._arrange@http://localhost:63342/SM_Latest_GUI/app/bower_components/jqwidgets/jqwidgets/jqx-all.js:7:1616171

[Peter StoevKeymaster]

To create custom pager in our Grid, refer to: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/custompager.htm?light

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[ritasakhujaParticipant]

Hi
I want to override the values of cell of a grid.
I am getting array of json from RestApi.
Now In certain cells based on array data, I want to show some other value.
E.g If I get true I want to display text ‘Active’ or ‘InActive’ in the Cell.
Please tell how to achieve this

• This reply was modified 7 years, 1 month ago by  ritasakhuja.

[Author]

Posts