Questions on Kendo UI for jQuery Forum

5 answers

1.0K+ views

[Solved] Kendo Scheduler - Unselect a selected event programatically

How do I unselect a selected event programmatically? I tried to call the select() method with an empty array input but it doesn't seem to unselect the events. Further, I see that the change event is invoked only once as opposed to twice in the Chrome console window.

Please see the below code snippet for an example.

http://dojo.telerik.com/Exiyo

Thanks in advance.

Scheduler

answered on 30 Jul 2020

2 answers

151 views

Gantt left side icon on drag

Hi,

I have a problem related to dragging items in the left side of the gantt. In my case, there is restriction when to allow dragging and when not, and i want that icon to be different in different cases. for example to be block icon or plus. How I can do this?

Gantt

answered on 30 Jul 2020

5 answers

2.0K+ views

Disable the pop-up event to add, edit or delete of schedule complement Kendo UI.

Dear , my question is this , I need to call functions that do not involve the deployment of the form to edit or create an event in the Schedule of Kendo UI, but so far all I've done is run the JavaScript function but still appears Schedule popup Kendo UI.
Is there any way to disable this pop ?.

I thank them for their help before.

Scheduler

answered on 29 Jul 2020

3 answers

200 views

different xhr.responsetext in sharepoint 2016 and 2013

Hi 😊

I need some help. I was using kendo for uploading files into sharepoint 2013. After migration to sp 2016 the same code generates different response from server (it is without 'd' and it starts with odata.metadata - the old working one has 'd' and __metadata). Is the odata different and that causes issues? Any help would be appreciated. Thanks.

Upload

answered on 29 Jul 2020

1 answer

309 views

Keep Chart Height Fixed

The chart's behavior is supposed to be as follows:

-The x-axis is a range of dates the user can select from externally

-The y-axis always stays percentages 0-100

The issue I'm having is when I select too many dates, the chart's height automatically increases above the specified height parameter. Using maxHeight and height have not helped this issue.

Charts

answered on 29 Jul 2020

1 answer

185 views

TreeList binding to remote data only supports "jsonp"?

The example in the TreeList binding to remote data uses "jsonp". I tried "json" and it didn't work.

https://demos.telerik.com/kendo-ui/treelist/remote-data-binding

I have 2 questions:

1) does TreeList binding to remote data only support "jsonp"

2) in the example, when clicking on the tree list node, it includes "id=1" in the query string. Is the name "id" hardcoded? Is it configurable to have "studentId=1" in the query string?

Thanks

Frank

TreeList

answered on 29 Jul 2020

1 answer

147 views

Custom Tooltips Text

How to add custom tool tips text in any chart. Like i want two show hardcore title or number text.

Charts

answered on 29 Jul 2020

2 answers

270 views

Databinder : element undefined after calling clearAllFiles with kendoUpload

Hello,

I defined a custom "required" binding with kendo.data.binders :

kendo.data.binders.required = kendo.data.Binder.extend({
init: function(element, bindings, options) {
Kendo.data.Binder.fn.init.call(this, element, bindings, options);
},
refresh: function() {
var required = this.bindings['required'].get();

$(this.element).prop('required', !!required);
if($(this.element).getKendoUpload()) console.log('required changed');
}
});

And my input file :
<input type="file" data-role="kendoUpload" name="file0" data-bind="required: myCheckFunction">

The console.log display "required changed" correctly but after calling the clearAllFiles/clearFile/removeAllFiles/removeFile method of the kendo upload widget, the log is no longer displayed because "this.element" is undefined.

What the problem ?

I tried to define the required binding in kendo.data.binders.widget.required instead of kendo.data.binders.required but, I don't know why, even if the input is a widget, the event binding is called in the kendo.data.binders.required.

Thanks a lot.
moosh

MVVM

answered on 28 Jul 2020

9 answers

1.9K+ views

Grid Filter on a string column fails with '.toLowerCase is not a function'

Hi!

I'm getting an error when I try to use the filter row to filter a string value: (d.Status || "").toLowerCase is not a function

Grid:

01.$("#KendoParkingCards").kendoGrid({

02. dataSource: {

03. transport: {

04. read: {

05. url: window.BASE_URL + "Ajax/GetPassInfo",

06. type: "get",

07. dataType: "json",

08. data: { lookupType: lookupType.value(), lookupValue: $("#LookupValue").val() }

09. }

10. },

11. pageSize: 10

12. },

13. sortable: true,

14. resizable: true,

15. pageable: { pageSizes: true, buttonCount: 5 },

16. filterable: { mode: "row" },

17. selectable: "single",

18. columns: [

19. { field: "ParkingCardId", title: "Parking Card Id" },

20. { field: "StaffNo", title: "Staff Id" },

21. { field: "AirportPassNumber", title: "Airport Pass" },

22. { field: "Name", title: "Staff Name" },

23. //{ field: "Status", title: "Status", template: "#= resolveStatusName(Status) #" },

24.

{ field: "Status", title: "Status", template: function (dataItem) { return kendo.toString(resolveStatusName(dataItem.Status)); } },

25.

{ field: "PassIssueDate", title: "Pass Issued On", type: "date", template: "#= kendo.toString(PassIssueDate, 'dd-MMM-yyyy') #", width: 150 },

26.

{ field: "PassExpiryDate", title: "Pass Expired On", type: "date", template: "#= kendo.toString(PassExpiryDate, 'dd-MMM-yyyy') #", width: 150 },

27. { field: "ServiceCode", title: "Service", template: "#= resolveServiceName(ServiceCode) #" },

28. { field: "TerminalId", title: "Terminal", template: "#= resolveTerminalName(TerminalId) #" }

29. ],

30. change: function(e) {

31. var grid = e.sender;

32. var currentDataItem = grid.dataItem(this.select());

33.

34. $('#ParkingCardId').val(currentDataItem.ParkingCardId);

35. console.log($('#ParkingCardId').val());

36. }

37.});

Lines 23 and 24 both produces same error.

Function:

01.function resolveStatusName(statusId) {

02. var result;

03.

04. switch (statusId) {

05. case 0: result = 'Pending Apprvoal'; break;

06. case 1: result = 'Rejected By Admin'; break;

07. case 2: result = 'Manager Approval'; break;

08. case 3: result = 'Rejected By Manager'; break;

09. case 4: result = 'Send To Admin'; break;

10. case 5: result = 'Approved'; break;

11. case 6: result = 'Completed'; break;

12. case 7: result = 'Delivered'; break;

13. case 8: result = 'Cancel'; break;

14. case 9: result = 'Programmer'; break;

15. case 11: result = 'Expired'; break;

16. case 15: result = 'Pending Payments'; break;

17. case 16: result = 'More Info Required'; break;

18. case 17: result = 'Response Given'; break;

19. case 20: result = 'Pending Payment / Third Party'; break;

20. case 21: result = 'Pending Payment / Company'; break;

21.

22. default: result = '?';

23. }

24.

25. return result.toString();

26.}

At runtime, when I try to filter, I get the error. How do I resolve this?

Grid

answered on 28 Jul 2020

1 answer

147 views

Drag and drop on Double Click

Can we use draggable inside touchable?

So we can drag and drop the element with double click.

Thank you in advance

Drag and Drop

answered on 28 Jul 2020