Questions on Kendo UI for jQuery Forum

1 answer

109 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

177 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

118 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

541 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

618 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

181 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

350 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

answered on 01 Jun 2017

1 answer

147 views

deactivateTab not working?

Was looking into documentation for deactivating or suppressing tabs and discovered a potential issue with the deactivateTab method:

Go to http://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip#methods-deactivateTab
Click "Open in Dojo"
Run the sample

Am I missing something?

TabStrip

answered on 01 Jun 2017

2 answers

498 views

Where does the datasource of the destination listbox live?

So I may be missing something quite obvious, but I've been stuck on this for the past day.

I've got a source listbox with a destination listbox to the right. Let's say the datasource of the source listbox is optionList, and the datasource of the destination listbox is selectionlist. It appears selectionList does not get populated with the items moved from the source to destination listbox.

Am I looking in the wrong place to find the output list? It seems this is a new(er) feature so documentation and forum posts are light. I appreciate any help, thanks!

ListBox

answered on 31 May 2017

3 answers

524 views

Bug: popup notifications overlap (with max-width and font-size in pt)

Hi!

It seems like the popup notifications overlap and the last word of short notification texts slips to the next line, when I limit their max-width and set the font-size in pt units.

Here is a demonstration of the bug (don't forget to make the browser window narrow first, so that longer notification texts need get wrapped automatically): http://dojo.telerik.com/iwiXE/13

When you change the font-size units to px, then the popup notifications work as expected. So it seems like the notification widget has a problem with font-size set in pt units. Or maybe I have to set the max-width in a different way?

What font-size and div size units are recommended generally when I want to create responsible web apps with Kendo UI? I am using vw and vh units for divs.

Best regards,

Kaan

Notification

answered on 31 May 2017