kendo-ui

busyindicator for angular2 kendo ui grid before data is loaded through http

由 天大地大妈咪最大 提交于 2019-12-23 12:27:06
问题 I'm using angular2 kendo ui grid and binding data to the grid by http call before http call returns the data i need to show busy indicator without showing grid header till data is assigned.How to achive this Thanks, Raghu s 回答1: I achieved this by declaring the following within the HTML template. Add a new div above the grid with a conditional loading text for when the grid is loading: <div *ngIf="loading == true" class="loader">Loading..</div> Add a div wrapper around the grid for when the

Kendo UI: Not able to add footerTemplate to grid

由 旧城冷巷雨未停 提交于 2019-12-23 12:26:38
问题 I am trying to display the count of the field in the footerTemplate. Follow is the fiddle: http://jsbin.com/ajoyug/8/edit However, without the footerTemplate it works fine. But as soon as I add the footerTemplate, it stops working. Inside the aggregateResult object I am getting the value of count. But then how shall I add it to the footerTemplate? Kindly help me out. Thanks!! 回答1: I could not explain why it's not working. But I have tried doing your example by other way and it works well.

Kendo UI Dropdown, making the drop down panel wider than the control

由 你说的曾经没有我的故事 提交于 2019-12-23 11:59:24
问题 In a Kendo UI Dropdown, is it possible to make the drop down panel wider than the control? 回答1: If the id of the dropDownList is drop , you need to define a CSS style as: #drop-list { width: 300px !important; } for overwriting KendoUI computed width and set it to (in this example) 300px . 回答2: Another possible approach: var dropdownlist = $("#titles").data("kendoDropDownList"); // set width of the drop-down list dropdownlist.list.width(400); Code snippet is taken from the official examples

getting the click event in a kendo grid

由 泄露秘密 提交于 2019-12-23 11:51:42
问题 I'm trying to get the click event for a Kendo Grid so I can bind stuff to shift and ctrl clicking. I can't use the inherent multiselect Kendo provides because it doesn't support drag and drop. When I create a function after the dataBound event, my function gets called on clicking, but it's not the typical click event. var onDataBound = function () { selectItem.apply(this); } grid.dataBound = onDataBound; var selectItem.apply = function (e) { console.log(e); } Any thoughts? Thanks in advance.

Kendo Grid Column Width + Scrollable

由 假如想象 提交于 2019-12-23 11:37:12
问题 I'm trying to bind to a scrollable kendo grid from javascript and having a few issues with column widths. This fiddle demonstrates the issue (code at the end of the question). I'm specifying the headers in the html and adding a width to one of the headers. The javascript then sets the dataSource (in production code this is done via an ajax call). I want to avoid having to set the columns.width property in the javascript because I have many grids that, since my viewmodels are carefully

Setting first day of week to Monday in kendo scheduler

由 混江龙づ霸主 提交于 2019-12-23 10:01:13
问题 I want to set first day of week to monday instead of sunday in kendo scheduler It is working fine for me if i am using DatePicker, but not for Scheduler. 回答1: Can be made possible with one line of code. Add kendo.culture().calendar.firstDay = 1; before kendo scheduler declaration $("#yourID").kendoScheduler({... }) Found the solution here and worked for me. Kendo culture setting 回答2: As of Kendo UI v2015.2.805, you need to set the calendar.firstDay property of the current Kendo culture.

How to bind KendoUI DropDownListFor to ViewData or ViewBag?

由 巧了我就是萌 提交于 2019-12-23 09:34:53
问题 I'm trying to use KendoUI DropDownListFor for my model foreignkey and bind it with ViewData/ViewBag complete list but can't seems to work, am i missing something? @(Html.DropDownListFor(model => model.Hotel.HotelStatusId, ViewData["HotelStatuses"] as SelectList)) This seems to work but required me to create a viewmodel. @(Html.Kendo().DropDownListFor(model => model.Hotel.HotelStatusId) .BindTo(Model.HotelStatuses) .OptionLabel("select hotel status...") ) I'm avoiding using viewmodel because i

In a kendo grid, can I set column attributes dynamically with a function?

由 天涯浪子 提交于 2019-12-23 08:58:48
问题 I've got some code here where I am trying to set a background color of a cell based on the value of the data item: http://dojo.telerik.com/@solidus-flux/eHaMu <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kendo UI Snippet</title> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.common.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.rtl.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014

Kendo grid row selection change event?

由 坚强是说给别人听的谎言 提交于 2019-12-23 08:15:07
问题 I've couple of questions.. I'm using Kendo grid and would like to know if it is feasible to fire an event at the document level when a row selection is changed. Basically, when a row selection is changed, I want to fire an event and this is done at the global level without depending on the gridID. Example: $('tr.k-state-selected').parents('tbody').live('change', function (e) { alert("onchange"); }); } But the above example do not work. I do not have any other classes defined on the grid/ body

Disabling kendo datepicker when clicked on checkbox

由 孤者浪人 提交于 2019-12-23 07:56:16
问题 I have two kendo date picker in input boxes and one checkbox I want to show the kendo datepickers all the time with current date . but they become enable /selectable /editable ONLY when user has checked the checkbox. Checkbox <input type="checkbox" id="RequredFilter" /> 2 kendo Datepickers. <input type="text" id="DateFrom" /> <input type="text" id="DateTo" /> I have tried various things like disabling text-boxes etc but datepickers just keep working/showing.. 回答1: There is special method for
订阅 kendo-ui