Questions on Kendo UI for jQuery Forum

4 answers

3.4K+ views

Select row by data id and get data-id from selected row

I can't figure out how to:

select row by data id

and

get data-id from selected row.

Attached is an short example (zipped file of index.html and support files with kendo ui) of what I do.

I'll appreciate review of the attached example and an advise on how to proceed with row selection and extracting data-id from selected row

Grid

answered on 02 Jun 2017

2 answers

182 views

"Out of stack space" JS Exception on Kendo UI Upgrade

I'm getting an "Out of stack space" exception on a datasource call when upgrading Kendo from v2016.1.412 to v2017.2.504 (jQuery 1.12.3, AngularJS 1.6.2). Everything works kosher on the previous version, but on upgrade, the following line causes the exception: $scope.tree.setDataSource(ds);. It bombs out before the data call is ever made, which is successful.

Here is the datasource:

01.Factory.getOrgDS = function () {

02. var ds = new kendo.data.HierarchicalDataSource({

03. transport: {

04. read: function (e) {

05. $http.post(env.baseUrl + '/TreeView/GetTreeData', {

06. maxLevelEntity: groatSession.maxLevel, year: helper.getFiscalYear(), branch: groatSession.branch

07. }).then(function (response) {

08. var orgs = response.data;

09.

10. //remove air force clinics

11. for (var i = 0; i < orgs.length; i++) {

12. checkCurrentLevel(orgs[i]);

13. orgs[i] = removeAFClinics(orgs[i]);

14. }

15.

16. e.success(orgs);

17. });

18. }

19. },

20. schema: {

21. model: {

22. id: "EntityID",

23. children: "Children",

24. hasChildren: function (item) {

25. if (item.Levelname == "clinic" || (item.Levelname == "base" && helper.isAirForce(groatSession, env, item))) {

26. return true;

27. }

28.

29. return item.Children && item.Children.length > 0;

30. }

31. }

32. },

33. filter: [

34. { field: "hide", operator: "eq", value: undefined },

35. { field: "hide", operator: "neq", value: true }

36. ],

37. sort: { field: 'EntityDescInt', dir: 'desc' }

38. });

39.

40. return ds;

41.}

e.success(orgs); on line 16 still hits, after the exception is thrown setting the datasource. The treeview never ends up loading any of the data in the UI.

Any help would be great, thanks.
Jason

General Discussions

answered on 02 Jun 2017

1 answer

103 views

How can I create Date&Time cell with datetimepicker?

Hi there,

Is there any way to use this spreadsheet with datetime format cell as following?

dd/mm/yyyy hh:mm (24 hour)

Even I manually update hours, it keeps showing the time to 12:00 AM.

Thanks,

Chris

Spreadsheet

answered on 01 Jun 2017

4 answers

162 views

[Solved] "Out of stack space" JS exception on Kendo upgrade

I'm getting an "Out of stack space" exception on a datasource call when upgrading Kendo from v2016.1.412 to v2017.2.504 (jQuery 1.12.3, AngularJS 1.6.2). Everything works kosher on the previous version, but on upgrade, the following line causes the exception: $scope.tree.setDataSource(ds);. It bombs out before the data call is ever made, which is successful.

Here is the datasource:

e.success(orgs); on line 16 still hits, after the exception is thrown setting the datasource. The treeview never ends up loading any of the data in the UI.

Any help would be great, thanks.

Jason

01.Factory.getOrgDS = function () {

02. var ds = new kendo.data.HierarchicalDataSource({

03. transport: {

04. read: function (e) {

05. $http.post(env.baseUrl + '/TreeView/GetTreeData', {

06. maxLevelEntity: groatSession.maxLevel, year: helper.getFiscalYear(), branch: groatSession.branch

07. }).then(function (response) {

08. var orgs = response.data;

09.

10. //remove air force clinics

11. for (var i = 0; i < orgs.length; i++) {

12. checkCurrentLevel(orgs[i]);

13. orgs[i] = removeAFClinics(orgs[i]);

14. }

15.

16. e.success(orgs);

17. });

18. }

19. },

20. schema: {

21. model: {

22. id: "EntityID",

23. children: "Children",

24. hasChildren: function (item) {

25. if (item.Levelname == "clinic" || (item.Levelname == "base" && helper.isAirForce(groatSession, env, item))) {

26. return true;

27. }

28.

29. return item.Children && item.Children.length > 0;

30. }

31. }

32. },

33. filter: [

34. { field: "hide", operator: "eq", value: undefined },

35. { field: "hide", operator: "neq", value: true }

36. ],

37. sort: { field: 'EntityDescInt', dir: 'desc' }

38. });

39.

40. return ds;

41.}

TreeView

answered on 01 Jun 2017

2 answers

107 views

Kendo Map culture

Hello!!

Kendo Map Bing doesn't support pt-BR culture?

I did tests and just fr-FR, en-US, de-DE and es-ES works.

Thank you!!

Map

answered on 01 Jun 2017

3 answers

530 views

Image in grid not refreshed after update

I am displaying an image in a grid via a template and I use a web service to get that image. After I have updated a row via the update popup, the image does not get refreshed. I need to force the grid to call the web service again.

{title: "Modified Drawing",

template: function(data){return getModifiedDrawingTemplate(data) },

filterable: false

},

function getModifiedDrawingTemplate(data) {

var url = buildWebServiceUrl(retrieveDrawingUrl, data.CORR_DETAIL_ID, "new", "SVG", "250");

return '<img src="' + url + '" />';

}

Could you please tell me how to do this? The column is not bound to the data as such so I can't use the bind method.

Grid

answered on 01 Jun 2017

2 answers

595 views

Block event propagation

Hello,

There is a way for block a event propagation for a specific time or to wait a specific event?

example:

01.var index = 0;

02.

03.function OnSelect(e){

04. index = $(e.item).index();

05. if(condition){

06. setTimeout(function(){

07. OnShow();

08. },

09. 3000);

10. }else{

11. "no wait and run OnShow()....but only when the new url document is ready!";

12. }

13.}

14.

15.function OnShow(){

16. console.log("onShow only after timeout");

17. switch(index){

18. case 0:

19. ViewModelUrl1.someCalc(); // if no document ready --> error!

20. break;

21. case 1:

22. ViewModelUrl2.someCalc(); // if no document ready --> error!

23. break;

24. }

25.}

26.

27.var tabstrip = $("#tabstrip").kendoTabStrip({

28. animation: {open: {effects: "fadeIn"}},

29. show: OnShow,

30. select: OnSelect,

31. contentUrls: [

32. 'url1',

33. 'url2,

34. ]

35.}).data('kendoTabStrip');

Best regards,

Manlio

General Discussions

answered on 01 Jun 2017

1 answer

168 views

Example typo or am I missing something? Type: "webapi"?

I was following the example on the documentation here.

The code mentions setting the "type" of the datasource to "webapi", but when you do this you get a script warning: "Unknown DataSource transport type 'webapi'.".

...

pageable: true,

sortable: true,

dataSource: {

type: "webapi",

transport: {

read: {

...

Not sure if this a typo or just out of date.

Grid

answered on 01 Jun 2017

1 answer

342 views

Chart with Navigator

Is there any way to create a scatter line chart with a navigator attached to it, similar to the stock charts? We are looking to display continuous data rather that daily/weekly/monthly aggregates, which looks like it rules out the stock charts.

Charts