Hi there,
I have a grid with pageable option:
totalItemsInDb = null;
pageable: pageSizes:
[10, 50, 500, totalItemsInDb]
},
After the grid is created I want to change the last on to
some specific number which is a result from the datasource call.
dataSource: {
change: function(e) {
//totalItemsInDb = this.total();
},
$("select[data-role='dropdownlist']").children("option").eq(3).val(totalItemsInDb);
$("select[data-role='dropdownlist']").children("option").eq(3).text("some string");
However, the change is not getting reflected on the pageable
drop down. If I inspect with dev tools I can see that the value and the txt are
changed, but they are not visible to the user. I tried to do .refresh() on the
grid but no change is visible. Any advice
Thank you
I have a grid with pageable option:
totalItemsInDb = null;
pageable: pageSizes:
[10, 50, 500, totalItemsInDb]
},
After the grid is created I want to change the last on to
some specific number which is a result from the datasource call.
dataSource: {
change: function(e) {
//totalItemsInDb = this.total();
},
$("select[data-role='dropdownlist']").children("option").eq(3).val(totalItemsInDb);
$("select[data-role='dropdownlist']").children("option").eq(3).text("some string");
However, the change is not getting reflected on the pageable
drop down. If I inspect with dev tools I can see that the value and the txt are
changed, but they are not visible to the user. I tried to do .refresh() on the
grid but no change is visible. Any advice
Thank you