Questions on Kendo UI for jQuery Forum

2 answers

492 views

Prevent fetching all items from remote dataSource on initial arrow click

Working example: http://dojo.telerik.com/uduto

<div id="example">

<div class="demo-section k-content">

<h4>Find a product</h4>

<input id="products" style="width: 100%;" />

</div>

<script>

$(document).ready(function() {

$("#products").kendoComboBox({

placeholder: "Select product",

dataTextField: "value",

dataValueField: "id",

filter: "contains",

autoBind: false,

minLength: 1,

dataSource: {

serverFiltering: true,

transport: {

read: function(options) {

// below array server the same as remote dataSource

// transport: {

// read: function(options) {

// $.ajax({

// ...

// success: function(response) {

// options.success(response);

// }

// });

// }

options.success(

[{id: 1, value: "1"},

{id: 2, value: "2"},

{id: 3, value: "3"}]);

}

});

</script>

</div>

How to prevent that kendo combobox's dataSource returns all items if dropdown arrow is clicked? I want to achieve that only if at least one character is entered remote datasource request is made. In all other cases, the request is not made. One of the solutions is to add below code to

transport: { read: function(options) { section.

// if comboBox does not have a value return empty result set

if( $("#products").data("kendoComboBox").text().trim().length < 1 )

{

options.success([]);

return;

}

Also minLength is ignored when clicking arrow

ComboBox

answered on 27 Dec 2016

1 answer

91 views

Column Menu issues in IE10

Hi,

I am using Kendo UI for JS framework in my project. I have come across a couple of issues specifically in IE10 browser.
The grid has a horizontal scroll. We are displaying 3 grids on the same page. Unfortunately, I cannot share the sample code or screen shots from the actual website. I have tried to recreate the scenario in following example:
http://dojo.telerik.com/ekAgi/3

PFB list of issues:
1. On all the grids, when we click to get the column menu for the column nearest to the edge of the screen, the pop up appears for a second and disappears immediately. This issue is not reproducible in the example shared above.
2. On the second and third grid, when we click to get the column menu, it is not coming in correct position. Instead it comes up somewhere above the grid.

I tried a few things and was able to resolve the 1st issue by adding "collision:"fit", adjustSize:{width:10}" to the e.popup in kendo.columnmenu.min.js.
But I was not able to find a workaround for the 2nd issue.

Using the latest kendo scripts is not an option, since it might impact entire website and it will be a big change to test.

Kindly suggest some areas I can look for a possible fix.

Grid

answered on 27 Dec 2016

8 answers

436 views

ODBC import error on Kendo UI Excel file

Hi all

I'm receiving Excel .xlsx files from a customer that (according to the file properties) is using Kendo UI to generated these files.

These Excel files fail to import to my database using 'Microsoft Excel ODBC driver' version 15.00.4543.1 dated 23/01/2014.

Error message: [Microsoft][ODBC Excel Driver] External table is not in the expected format.

I've done a lot of internet searching with no successful work around.

Has anyone else had this issue?

The files open OK in Excel and if I save the unchanged file, the ODBC issue does not occur.

I'm running Office 2016 + 'MS Access Runtime 2013' (unable to install Runtime 2016 with a clash with Office / Microsoft website reports version 2013 and 2016 are near identical).

Any suggestions are appreciated.

Thanks

Chris

Grid

answered on 26 Dec 2016

1 answer

302 views

Scheduler doesn't load JSON datas

Hi,

I am newly used kendo ui scheduler control. i want to load data's based on from and to date (Kendo ui datepicker used). the datasource read function fetch the datas, but it doesn't show anything. this is my below code. please anyone suggest me, is any mistake in my scheduler coding or JSON data.

Thanks in advance.

scheduler coding:

Loadscheduler: function () {

var formatted_date = new Date($("#txtfrmdate").data("kendoDatePicker").value());

var yyyy = formatted_date.getFullYear();

var dd = formatted_date.getDate();

var mm = formatted_date.getMonth() + 1;

var param = '&fromdate=' + $('#txtfrmdate').val() +

'&todate=' + $('#txttodate').val();

$("#calendarviewgrid").html("");

$("#calendarviewgrid").kendoScheduler({

date: new Date(formatted_date),

startTime: new Date(yyyy, mm, dd, 6, 0, 0),

endTime: new Date(yyyy, mm, dd, 22, 0, 0),

height: 600,

views: [{ type: "week", selected: true}],

editable: false,

dataSource: {

batch: true,

transport: {

read: {

url: "Controller/Enquiry/Enquiry.ashx?cmd=calendarview" + param,

dataType: "json"

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

return { models: kendo.stringify(options.models) };

}

},

schema: {

model: {

id: "TaskId",

fields: {

taskID: { from: "TaskId", type: "number" },

title: { from: "Title", defaultValue: "No title", validation: { required: true} },

start: { type: "date", from: "Start" },

end: { type: "date", from: "End" }

}

});

}

My JSON Data:

[{"TaskId":1,"Title":"WS - HIPE","Start":"\/Date(1483432200000)\/","End":"\/Date(1483435800000)\/"},{"TaskId":2,"Title":"WS - HIPM","Start":"\/Date(1483435800000)\/","End":"\/Date(1483438500000)\/"},{"TaskId":3,"Title":"WS - HIPC","Start":"\/Date(1483439400000)\/","End":"\/Date(1483441200000)\/"},{"TaskId":4,"Title":"WS - HIPM","Start":"\/Date(1483525800000)\/","End":"\/Date(1483529400000)\/"},{"TaskId":5,"Title":"WS - HIPB","Start":"\/Date(1483529400000)\/","End":"\/Date(1483533000000)\/"},{"TaskId":6,"Title":"WS - HIPE","Start":"\/Date(1483696800000)\/","End":"\/Date(1483700400000)\/"},{"TaskId":7,"Title":"WS - HIPM","Start":"\/Date(1483700400000)\/","End":"\/Date(1483703100000)\/"},{"TaskId":8,"Title":"WS - HIPC","Start":"\/Date(1483704000000)\/","End":"\/Date(1483705800000)\/"}]

Scheduler

answered on 26 Dec 2016

1 answer

69 views

Scheduler w/ SignalR ignores changes while Editor is open

Hi,

I am currently building a simple application, which relies heavily on the kendo scheduler widget. Overall it is working well, but when I have one item open in the edit popup, all changes pushed to the client are ignored, until I close the editor.

The values in the dataSource are all correct, but the scheduler does not show the updates. Calling refresh() on the scheduler after every update is not really an option, because it will close the editor.

The Scheduler SignalR Demo shows exactly the same behavior. Is there any way around this issue?

Scheduler

answered on 26 Dec 2016

6 answers

314 views

Kendo UI Grid Export Excel

Is there any possible way to export grid data to excel page by page like "Export PDF" or is there any option to define the page size while exporting the excel to get the record page by page?

Grid

answered on 23 Dec 2016

3 answers

347 views

[Solved] Possible to handle user cancelling move?

Hi,

I am currently trying to implement a highlighting feature on the scheduler where I set certain classes on elements in the scheduler when an event is being moved by the user.

This works great as long as the user does not cancel the drag operation by hitting the escape button, because then my cleanup code is not getting called. There are moveStart, move, and moveEnd event handlers available, but moveEnd is not being triggered on cancel.

After some investigation I have not found a clean way to do this. All I could come up with was 'hacking' the scheduler and checking e.slot in my moveEnd eventHandler (e.slot undefined => cancel).

Is there a clean way to do this?

kendo.ui.Scheduler.fn._movable = function (movable) {

return function () {

var that = this;

movable.call(this);

this._moveDraggable.bind('dragcancel', function () {

that.trigger('moveEnd');

});

};

}(kendo.ui.Scheduler.fn._movable);

Scheduler

answered on 23 Dec 2016

3 answers

993 views

How to load data using datasource

Hello, i would like to make list to fill its data from an URL, but I am not able to do that, i tried to follow documentation but I have only found example of loading local data.

That is working, but i would like to use ajax datasource, http://dojo.telerik.com/@andrea/uvanE

That is the json data that correspond to the execution of the MVC controller I have server side: http://dojo.telerik.com/@andrea/uvanE/2

that is my try to use the remote data http://dojo.telerik.com/@andrea/uvanE/3

the json data have been generated by the following server code, and i do not know if it is in the correct format that the list expect

[Authorize]

[HttpPost]

public ActionResult GetShippers([DataSourceRequest] DataSourceRequest request)

{

return Json(new string[] { "A", "B", "C" }.ToDataSourceResult(request));

}

ListView (Mobile)

answered on 23 Dec 2016

2 answers

1.1K+ views

preventDefault() in window.close() does not prevent location change

Hey there,

I'm using the Dialog widget and want to prevent the close button from changing the `window.location`.

So I use the following code to achieve it:

01.dialogConfig = {

02.

03. // ...

04.

05. close: function(e) {

06. console.log("close clicked");

07. e.preventDefault(true);

08. }

09.}

I ran the code in the debugger and the preventDefault() call is indeed fired. Still, the window.location changes to '#' which changes the route in my Angular web app.

Any help appreciated.

Thanks & Cheers,

Constantin

Window

answered on 23 Dec 2016

1 answer

749 views

Update Scheduler Data after Save event

Hi,

In my scheduler i am performing database update while i click on save button on event popup.

it is updating scheduler database using stored procedure.

but after that event i cant see the updated data on scheduler.

e.g. in my case when i click save button on event, it create one more task in database. but i cant see the new task on scheduler after save completed.

how to update the scheduler data after Save event.

Thanks

Siddhartha

Scheduler

answered on 23 Dec 2016