I am using the javascript kendo grid and applying a custom filter for the year of 2015. This is my code
//Filter by Year $('#year').on('change', function() { var grid = $("#grid").data("kendoGrid"); var val = this.value; var fd = new Date(val, 0, 1); var firstday = fd; var ld = new Date(val, 11, 31); var lastday = ld; grid.dataSource.filter({ logic: "and", filters: [ { field: "CheckDate", operator: "gte", value: firstday }, { field: "CheckDate", operator: "lte", value: lastday } ] }); });
The last date of the year is set as filter 12/31/2015. However, when the filter is applied it doesn't return any of the items with the 12/31/2015. It returns everything else but anything with the last date of the year.
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 setif( $("#products").data("kendoComboBox").text().trim().length < 1 ){ options.success([]); return;}
Also minLength is ignored when clicking arrow
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.
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
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)\/"}]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?