Questions on Kendo UI for jQuery Forum

5 answers

1.9K+ 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

163 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

265 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

153 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

116 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

232 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.7K+ 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

109 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

4 answers

111 views

Position and SwipeToOpen Properties Doesn't effect widget

I can successfully change position and swipeToOpen properties of my widget but it doesn't change anything. Position is always left even when I initialize Position property as right. Likely, swipeToOpen is always true even it's property value is false.

I change these values dynamically with the value of a checkbox like below;

->drawerInstance.options.mini =document.getElementById(widgetID+"toggle").checked;

This line of code above changes mini properties and it works perfectly.

->drawerInstance.options.swipeToOpen =document.getElementById(widgetID+"canSwipe").checked;

On the other side, this line of code above changes drawerInstance value properly but I can still use swipe gestures to open the drawer.

Is there are any better ways to change the values of these properties?

Drawer

answered on 27 Jul 2020

6 answers

8.7K+ views

Excel export - line breaks in cell not appearing in spreadsheet

This may not be specific just to the grid, but when using the Excel export functionality from a grid, with the 2018 R2 release, line breaks within cells appear not to be present in the generated spreadsheet, when this was not happening with previous releases. The line breaks are definitely present in the data as /r/n characters (I can output it to the console and they appear there).

Has anyone else experienced anything like this?

Regards,

Charlie

Grid

answered on 27 Jul 2020