Questions on Kendo UI for jQuery Forum

1 answer

1.1K+ views

Hello everyone,

I am trying to have a Server Paging for Kendo UI Grid. Here I am retrieving data from SharePoint, I am not getting any error and also grid is updated with data. But my paging shows 0 always and I do not have option to navigate. If i remove serverPaging: true then I can see all the data in the grid

<div kendo-grid="myGrid" options="mainGridOptions" class="k-alt ms-font-xs">

</div>

Here I provided the options for the grid.

01.$scope.mainGridOptions = {

02. dataSource: {

03. type: "odata",

04. transport: {

05. parameterMap: function(data, type) {

06. return kendo.data.transports["odata"].parameterMap.apply(this, arguments);

07. },

08. read: {

09. dataType: "json",

10. headers: {

11. "accept": "application/json; odata=verbose"

12. },

13. url: spSiteUrl

14. }

15. },

16. serverPaging: true,

17. schema: {

18. total: "total"

19. },

20. pageSize: 10,

21. serverSorting: true

22. },

23. dataBound: function() {

24. this.expandRow(this.tbody.find("tr.k-master-row").first());

25.

26. var data = this.dataSource.view();

27. for (var i = 0; i < data.length; i++) {

28. var uid = data[i].uid;

29. var row = this.table.find("tr[data-uid='" + uid + "']");

30.

31. row.find(".k-grid-ViewDetails").contents().last()[0].textContent = data[i].Description;

32. }

33. $(".k-grid-ViewDetails").removeClass("k-button");

34. $(".k-grid-ViewDetails").addClass("ms-font-m-plus ms-fontWeight-semibold align-right");

35. },

36. sortable: true,

37. pageable: true,

38. columns: [ .. ...

39. ]

40.};

Please let me know what i am missing here to get the server pagination.

Grid

answered on 30 Aug 2017

1 answer

103 views

How to achieve responsiveness in Kendo UI widgets

Hi,

I'm using Kendo UI widgets with Angular4. How can I make my application responsive. The flex wrap property does not take effect for any of the kendo widgets.

Thanks!!!

General Discussions

answered on 30 Aug 2017

2 answers

3.2K+ views

Get row dataitem of Details Grid in dropdownlist change event

Hi,

hope it's an easy one....

I have i DropDownList column in the details grid (hierarchy grid).
I want to get the row dataitem when a change event on the dropdownlist occurs.

How can achieve that?

Thanks

Grid

answered on 29 Aug 2017

4 answers

631 views

Force cell data type (text)

I am having an issue with the Spreadsheet automatically changing text entered into a cell to a number. For example if you enter 0001 into a cell the value will be automatically converted to 1. I need to be able to preserve the text as is "0001". If there any way to do this?

Spreadsheet

answered on 29 Aug 2017

1 answer

189 views

AngularJs Kendo Grid two way binding, and only some items works.

Here there,
I attached a sample file that you can see, I got two items
only the second one shows the DropdownList selection properly, which is "Exemption A".
However the first one,
"Exemptions":["1","2"], should have the "Exemption A" and "Exemption B" , but it is not.

I am wondering if you can help me out.

Thanks!

General Discussions

answered on 29 Aug 2017

1 answer

160 views

Custom required field for dropdownlist

Hi,

I would like to find out how I can create a custom required directive for angular 2 template-driven form to validate a required field in a dropdownlist as I do not wish to use the required built-in validator. The one shown on http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/forms/ doesn't seems to work with template-driven form.

DropDownList

answered on 29 Aug 2017

6 answers

366 views

AngularJs Grid - need to update page number without causing request to server

Sometimes my grid raises a request to server with page=1 but the server returns as a result page number 3.
I need to change the page number in the grid to 3 but without causing a new ajax request like happens with:

grid.data("kendoGrid").dataSource.page(pageNumber);

Thanks

Grid