The drowdownlists with (client & serverside) searchbox needs 2 keystrokes to start searching...
So when I set the focus on a dropdown, for example with the tab.. I need one keystroke to open the dropdown and a second one to actually set the character in the searchbox en start searching..
Is this a common problem in Kendo?
(when I focus the dropdown with a click, the dropdown opens automatically, so then there is no problem)
Here is the situation.
I'm working in a custom editor template for the kendo scheduler.
I have a model with a string field called "itemType".
The form fields associated with item type are checkboxes.
Issue: I want to evaluate whether or not the checkbox should be checked when the editor window is opened. In order to do this, the most logical thing (in my mind) would be to have some kind of expression to evaluate this. I tried the following template and I get "Uncaught ReferenceError: Invalid left-hand side in assignment".
Here is the template:
1.#for (var i=0; i<itemTypeList.length; i++){#2.<input name="itemType" type="checkbox" value="#= itemTypeList[i].Code #" data-type="text" data-bind="checked: itemType=='#= itemTypeList[i].Code #'"> #= itemTypeList[i].Description #3.# } #
"Unhandled exception at line 1362, column 66 in Function code
0x800a1391 - JavaScript runtime error: 'ParameterSet' is undefined."
I'm going to include as little code as possible to demonstrate what things look like:
>>View <<
@(Html.Kendo().Grid<Web.Models.ModelingJobViewModel>()
...
columns.Bound(c => c.ParameterSet).ClientTemplate("#=ParameterSet.Name#");
...
>>View Model <<
public class ModelingJobViewModel
...
[UIHint("ParameterSetEditor")]
public JobParameterSetViewModel ParameterSet {get; set;}
...
>> "Property" view model <<
public class JobParameterSetViewModel
...
public int Id {get; set;}
public string Name {get; set;}
...
>> Controller <<
...
public ActionResult Index()
...
ViewData["parameterSets"] = repo.SelectAll().Select(e=>new DropdownListItem() { Name = e.name, Id = e.Id}).OrderBy(e => e.Name);
...
>> Custom Editor (ParameterSetEditor) <<
@model Web.Models.ModelingJobViewModel
@(Html.Kendo().DropDownListFor(m => m)
//.Name("ParameterSet")
.DataValueField("Id")
.DataTextField("Name")
.BindTo((System.Collections.IEnumerable)ViewData["parameterSets"])
)
The initial view and the edit action buttons work fine. But when "Add" is clicked, I get the error listed above.
It's probably something stupid, but I've spun my wheels long enough and need to throw this out into the forum to see if anyone has an answer. Help!
Thanks in advance!
Hi,
I'm implementing Kendo ui grid with AngularJS and Spring Boot Java and can't find any examples on how to implement server side paging or grouping with AngularJS. In my AngularJS controller, I have a a dataSource object which is like this:
var dataSource = new kendo.data.DataSource({
transport: {
read:{
url:'myData'
}
},
pageSize: 20,
serverPaging: true,
serverFiltering: true,
serverSorting: true,
schema: {
total: "total"
}
});
$scope.mainGridOptions = {
dataSource: dataSource,
pageable: true,
columns: [.......]
}
Do I need to do anything on the server side for server side paging to work? How is server side paging different from client side paging? Right now it's not working for me.
Thanks,
Ning
How can I retrieve cell values using the UI for php before the spreadsheet is rendered?
I am building a spreadsheet dynamically in php and need to read values from cells.

I want to reference to the object of my child grid and refresh the child grid with a new ID in the filter.
When I reference to the child grid of the Kendo-Grid I get an undefined object.
HTML
<div kendo-grid="customerGrid" k-rebind="mainGridOptions" options="mainGridOptions" k-on-filter-menu-init="filterInit(kendoEvent)"> <div k-detail-template> <div id="tabstrip" kendo-tab-strip="tabstrip"> <ul> <li class="k-state-active">СЧЕТА КЛИЕНТА</li> <li ng-disabled="dis" ng-click="loadDetailAcc()">Полная информация по счету</li> <li ng-disabled="dis" ng-click="loadDetailGrid()">Просмотр событий по счету</li> </ul> <div> <div> <div kendo-grid="detailGrid" k-options="detailGridOptios"></div> </div>JAVASCRIPT/ANGULARJS
$scope.loadDetailGrid = function () { console.log($scope.detailGrid);// undefined $scope.detailGrid.dataSource.read(); //error}; $scope.detailGridOptios = { dataSource: { transport: { read: '/api/HomeApi/GetAccountEvent', dataType: "json" }, pageSize: 3, filter: { field: "UniqueAccontCode", operator: "eq", value: id } }, autoBind: false, height: 180, pageable: true, columns: [ { field: "IDUser", title: "Идентификатор пользователя", width: "120px" }, { field: "UniqueAccontCode", title: "Номер счета", width: "120px" }, { field: "LastActData", title: "Дата последнего действия", width: "120px" }, { field: "Text", title: "Текст", width: "120px" } ] };
I have two input in the screen. Do you know why the format of values I get from this two input are different?
"orderDate": "2016-08-04T07:00:00.000Z",
"dueDate": "2016-08-15T2:00:00.000+10:00",
<input autocomplete="off" kendo-date-time-picker="" k-options="ngDateTimeOptions" data-qtype="datetime" k-format="'g'" k-parse-formats="'yyyy-MM-ddTH:mm:ss.fffzzz'" id="OrderDateAutoField" name="orderDate" ng-blur="ngBlur($event);" ng-focus="ngfocus($event);" k-ng-model="ngData.salesOrderHeaders[0].orderDate" required="" tabindex="1505" focusableobjectuid="viewfield_e7b20a53cc5546bbb7ef94571005aab6" data-role="datetimepicker" type="text" class="k-input" role="combobox" aria-expanded="false" aria-disabled="false" aria-readonly="false" style="width: 100%;">
<input autocomplete="off" kendo-date-time-picker="" k-options="ngDateTimeOptions" data-qtype="datetime" k-format="'g'" k-parse-formats="'yyyy-MM-ddTH:mm:ss.fffzzz'" id="DueDateAutoField" name="dueDate" ng-blur="ngBlur($event);" ng-focus="ngfocus($event);" k-ng-model="ngData.salesOrderHeaders[0].dueDate" tabindex="1506" focusableobjectuid="viewfield_9cf644d0913e49c4a7a374349f94e2a6" data-role="datetimepicker" type="text" class="k-input" role="combobox" aria-expanded="false" aria-disabled="false" aria-readonly="false" style="width: 100%;" aria-activedescendant="aa5d221d-3ca9-491e-8655-46f52119e200_cell_selected">
ThanksHi,
I have something to build, but not sure of it's really possible with the scheduler. We have items that are planned for a calendar week and have a specified duration. Now I want to show them in a pool and drag n drop them into the different days of the week for a finer grade of planning. I attached a picture for illustration what I mean.
Best Regards
Benjamin
Hi,
I use the upload Control in a editor template in my telerik mvc grid - as you can see in the attached Picture. Upload works but I also want to
have an initial file if it is saved in the DB - so that I can use upload remove to delete it - but I have to set the file in the onEdit Event on client of the grid but this does'nt work (see Code)
function onEdit(e) { var files = [ { name: "file1.doc", size: 525, extension: ".doc" }, { name: "file2.jpg", size: 600, extension: ".jpg" }, { name: "file3.xls", size: 720, extension: ".xls" }, ]; $("#Vorlagenname1_WordvorlageUpload").kendoUpload({ files: files }); }
Is it possible to install Kendo UI Professional as npm module?
I see there's a git repository with Kendo UI Professional Bower package but i can't find Kendo UI Professional npm package.
Thanks.