kendo-ui

Convert lambda expression to Json

懵懂的女人 提交于 2019-12-02 09:08:16
First of all please be sure that none of the solution on stackoverflow has not solved my problem (maybe it is caused from Entity Framework 6). I have 3 entities: Student, City and Region as below: Entities: public class Student { public int ID { get; set; } public string Course { get; set; } public int CityID { get; set; } public virtual City City { get; set; } } public class City { public int ID { get; set; } public string Name { get; set; } public int RegionID { get; set; } public virtual Region Region { get; set; } public virtual ICollection<Student> Students { get; set; } } public class

Gray out a row in kendo grid based on column value

十年热恋 提交于 2019-12-02 09:00:35
I have a Kendo Grid whose values get populated based on a post call. I need to gray out an entire row if one of the column has a value "REGISTERED". Is there a way we can achieve this? Add a handler function for the onDataBound event . In the onDataBound event handler, add jQuery that grey out column, something like this: function onDataBound(event) { // ... // Assumes your Kendo grid DOM element, or other appropriate element enclosing your disabled rows, is in the "el" variable el.find( ":contains('REGISTERED')" ).addClass("disabled"); } <style> .disabled { color: #999; } /* Or however you

Remove legend color boundary

陌路散爱 提交于 2019-12-02 08:47:33
I have the following implementation. It works and functional. However, I want to remove legend color boundary which is black. I could not able to figure out how? var marker = new kendo.drawing.Path({ fill: { color: color } }).moveTo(10, 0).lineTo(10, 10).lineTo(0, 10).lineTo(0,0).close(); http://jsfiddle.net/1ost124j/3/ You can set the stroke ( border color ) same as you set the fill var marker = new kendo.drawing.Path({ fill: { color: color }, stroke: { color: color } }).moveTo(10, 0).lineTo(10, 10).lineTo(0, 10).lineTo(0,0).close(); You could also remove the stroke by setting its color to

kendo ui Editable color input field on grid

耗尽温柔 提交于 2019-12-02 08:18:05
As you can see in the code below, i have a grid with editable cells. At the column named "szin" i tired to implement a kendo colorpicker and it works just fine. My problem is, that the colors are only displayed when you try to edit one of the cell. Can i make it permanently displayed somehow? I dont care if the bg-color of the cell change or the dropdown box visible all the time or with any other methods. Here's my code: <!DOCTYPE html> <html> <head> <link href="../styles/kendo.metro.min.css" rel="stylesheet"> <link href="../styles/kendo.common.min.css" rel="stylesheet"> <script src="../js

Kendo UI Grid Editors Based on the Column Values of the Grid

十年热恋 提交于 2019-12-02 08:12:05
问题 I found this article in the Kendo UI documentation and it's almost identical to my issue that I'm stuck with. Once I open in Dojo I edit some lines of code, especially I change to editable:"inline" mode and make a dropdown list for type column. But it seem the code not working as I expected. Any idea why Editor column not react after I change the value type from the dropdown list. It worked if I Update first, then Edit back the grid. Here I provide a Demo due to related situation Appreciate

Unable to bind data to Kendo Scheduler

眉间皱痕 提交于 2019-12-02 08:09:18
问题 I've got this Kendo Scheduler that is displayed in the View but without any data. The Scheduler on the View: @(Html.Kendo().Scheduler<ProjName.Models.ScheduleInspectionModel>() .Name("scheduler") .Views(views => { views.DayView(); views.WorkWeekView(); views.WeekView(); views.MonthView(mv => mv.Selected(true)); views.AgendaView(); }) .Timezone("Etc/UTC") .DataSource(d => d .Read("ControllerName", "GetScheduleInspections") ) ) The datasource invokes the controller method below: public

How to convert Kendo dropdownlist into Kendo multiselect

痴心易碎 提交于 2019-12-02 08:06:11
问题 I am converting Kendo dropdownlist from the existing code into Kendo multiselect. Role Code: Currently Dropdownlist (converting to Kendo multiselect). I am not getting the correct output. I have the following code: <div class="col-md-4 form-group"> @Html.LabelFor(model => model.RoleCode, htmlAttributes: new { }) <span style="color: Red">*</span> <select id="DDRolecode" multiple="multiple" data-placeholder="Select attendees..."> </select> </div> ... ... var url = '@Url.Action("GetRoleCode",

How to set focus to cell in Kendo UI for MVC Grid

主宰稳场 提交于 2019-12-02 07:50:58
问题 I need to set the focus on a Kendo UI Grid to a specific cell, in the first row during the DataBound event. I'm using Kendo for MVC, here is the definition of my column: columns.Bound(o => o.QtyCurrentlyReceived).Width(75).Title("Qty Curr Rx"); 回答1: Okey then this is the code that should do the work for you: var theCell = $('#Grid tbody td:eq(3)');//sample selector for a cell $('#Grid').data('tGrid').editCell(theCell);//ask the Grid to put that cell in edit mode 来源: https://stackoverflow.com

Jquery Appended Content - Not Clickable

戏子无情 提交于 2019-12-02 07:48:40
I have the following JQ. It's basically adding a little icon that will allow for some inline editing when a list item is selected. However, I am unable to work with the jquery added content. I cant even log anything to console when I click my JQ added content. Is there something wrong with my code below? I can not add a fiddle, because I dont have a link to the Kendo UI libraries, that this list is using. <script> $(function () { $("#treeview-left li").click(function () { $("div#EditEntity").remove(); $(this).find(".k-state-focused").append("<div id='EditEntity'>  <a href='#' id='EditWindow'

Kendo Grid: how to update data source from code when the row changes

試著忘記壹切 提交于 2019-12-02 07:23:12
this follows on from a few of my previous posts, regarding updating the kendo grid datasource. The last thing I want to do is have this occur when the user goes to a new row (thanks to @Lars so far for much impressive help) I am doing this by detecting a row change ( happen to be doing this in a directive), and calling back into the grids controller where I call the sych function on the data source... vm.rowChangedCallback = function () { console.log("calling vm.gridData.sync"); // Calling this exits edit mode and we go back to cell (0, 0) :-( vm.gridData.sync(); } Full example here . For