FAQ Database Discussion Community


How do I reference a specific cell in kendo grid with javascript?

javascript,kendo-ui,kendo-grid,kendo-asp.net-mvc
Right now I have a kendo grid with 2 rows and 6 columns. I need some logic to highlight a specific cell but I don't know how to reference a cell. I used this example but I don't know what to pass in as the id. myHub.client.highlightRow = function (id)...

How to make actionlink/url.action in kindo-ui grid

javascript,jquery,asp.net-mvc-4,kendo-ui,kendo-asp.net-mvc
currently i am working in asp.net mvc5 project on kendo-ui grid... I want to know if there is possibility of making action link or url.action in grid where grid button lies.... <script> $(document).ready(function () { var projectdata = "http://localhost:xxxx", $("#grid").kendoGrid({ dataSource: dataSource, pageable: true, toolbar: ["create"], scrollable: false, sortable: true,...

How can I set default value for a foreign key colum in Kendo Grid?

kendo-ui,kendo-grid,kendo-asp.net-mvc
In the Kendo Grid there is a foreign key column, and I retrieve the select list from ViewData. Grid's edit mode is InLine. When I want to add a new record, the first item is selected. If I don't change it and don't select anything else, column's value will be...

Bind Kendo pie chart with Datasource

c#,asp.net-mvc-4,telerik,kendo-asp.net-mvc
i'm trying to use a pie chart to display statistics. Data is within my table and i get it this way: public class StatisticsAccess { public static object getTypesForStatistics() { var dbo = new UsersContext(); var all = (from a in dbo.Note select a).ToList(); var results = all.GroupBy(item => item.language.lang)...

Google Map isn't show on Kendo Popup Editor

javascript,google-maps,google-maps-api-3,kendo-asp.net-mvc,kendo-ui-mvc
I am working on the user information popup window with Kendo ASP.NET. The popup also has tabs which are created with @Html.Kendo().TabStrip(). So far, displaying and entering data works fine. But, I'm having trouble with adding a map into the popup editor. This is sample popup. There are street name,...

Using Kendo Grid in PartialView

asp.net-mvc,kendo-ui,kendo-grid,partial-views,kendo-asp.net-mvc
I have two section in the Index view of my MVC application and I want to render two PartialView to these sections. There is no problem to render kendogrid to one Index. However, in order to render data on KendoGrid Could I use the two methods returning Json in the...

Kendo Grid Date is null for 13/06/2015 all dates after 12

asp.net-mvc,razor,kendo-grid,kendo-asp.net-mvc
My grid: @(Html.Kendo().Grid<IBATechnologies.IBA.Web.Models.AssetTransactionDetailViewMod el>() .Name("transactionGrid") .Pageable() //.Editable(editable=>editable.Mode(GridEditMode.InLine)) .Columns(colums => { colums.Bound(p => p.assetCode).Width(100); colums.Bound(p => p.assetDesc).Width(100); colums.Bound(p => p.remark).Width(100); colums.Bound(p => p.currencyCode).Width(100); colums.Bound(p => p.rate).Width(100); colums.Bound(p => p.currencyRate).Width(100); colums.Bound(p =>...

MaskedTextBoxFor loses value after submitting the MVC Razor View

asp.net-mvc,kendo-ui,kendo-asp.net-mvc,failed-to-load-viewstate,kendo-maskedtextbox
After submitting the form to the controller, the MaskedTextBoxFor inputs lose their values if the view returns from controller while all the other values (textboxdor, dropdownlistfor) remain as they are submitted. So, how to make MaskedTextBoxFor values remain when the submitted view returns from the controller? Thanks in advance... View...

Add aggregate count in column (javascript) grouping header template

javascript,kendo-grid,kendo-asp.net-mvc
I want to include a count for the total rows in a grouping in my grouping header, just like the count in this demo: http://demos.telerik.com/kendo-ui/grid/aggregates I'm using a javascript function as the ClientGroupHeaderTemplate: columns.Bound(r => r.Status).Title("Status").ClientGroupHeaderTemplate("#= templateFunction(data, statusDisplayArray) #") And the js function: function templateFunction(data, statusDisplayArray){ var count = 0;...

Kendo UI TreeList Popup Dropdownlist

kendo-ui,telerik,kendo-asp.net-mvc,treelist
I have implemented a TreeList as per bellow. @(Html.Kendo().TreeList<Example.UI.ViewModel.Item>() .Name("ExampleItems") .Toolbar(toolbar => toolbar.Create()) .Columns(columns => { columns.Add().Field(p => p.Name); columns.Add().Field(p => p.Label); columns.Add().Field(p => p.Type); columns.Add().Field(p => p.InputType); columns.Add().Command(command => { command.Edit(); command.Destroy(); }); }) .Editable(e => e.Mode("popup")) .DataSource(dataSource => dataSource .Create(create =>...

How to get confirmation before displaying the popup editor window for Kendo grid?

javascript,jquery,kendo-grid,kendo-asp.net-mvc
When user click on edit command, I would like to display popup editor window only after user confirmation. Actually, I am displaying a report in a editor and i would like to get confirmation from user before displaying this report. I already tried events.Edit("onGridEdit") and then in onGridEdit(e) javascript function...

Using switch in Kendo Grid Client Template

kendo-grid,kendo-asp.net-mvc
I'd like to show different values in a Kendo Grid cell. Something similar to: "#=IValue ? '1':'0'#". What's the correct syntax to use a switch to achieve this?...

Default Kendo Grid filtering doesn't work in one of projects, works in another

asp.net-mvc,razor,kendo-grid,kendo-asp.net-mvc
I have a hard time figuring out why the default filtering doesn't work in one of my projects. The grid code looks perfectly similar, controller methods too. In one of the projects it works flawlessly, in other one the "filter" button appears but is not clickable. Any clues what might...

How to pass page number to kendo datasource, so it could load data of page 2?

kendo-ui,kendo-asp.net-mvc,kendo-datasource,kendo-listview
Following code builds my kendo DataSource: var dataSource = new kendo.data.DataSource({ serverPaging: true, schema: { data: "ListMediaSummary", total: "RowCount", }, transport: { read: { url: gAppBaseURL + "UniversalSearch/SearchData?searchText=" + searchText + "&pageNumber=" + page, type: "POST", dataType: "json", } }, parameterMap: function (data, type) { if (type == "read") {...

How can we implement select All option in Kendo MultiselectFor

asp.net-mvc,kendo-ui,telerik,kendo-asp.net-mvc
How can we implement select all option in Kendo Multiselect For? @(Html.Kendo().MultiSelectFor(model => model.TestData) .DataTextField("DataText") .DataValueField("DataValue") .Placeholder("Select..") .Events(e => e.DataBound("CheckIfEmpty")) .AutoBind(false) .Enable(false) .DataSource(source => { source.Read(read => { read.Action("Action", "Controller").Data("filterData"); }) .ServerFiltering(false); }) ) ...

Kendo grid's Select command operation configuration

kendo-ui,kendo-grid,kendo-asp.net-mvc
Among Edit and Destroy, Kendo grid has a Select command too. But it seems there's no configuration for this operation. Do you know how can I use it? Any better way of JS binding like custom commands? Notice that it doesn't have a click event. This line is in my...

Bootstrap columns inside Kendo Tabstrip

twitter-bootstrap,kendo-ui,kendo-asp.net-mvc,kendo-tabstrip
I have a Kendo Tabstrip and I'm trying to format its content using Bootstrap. But Tabstrip's border, k-content k-state-active, is rendered at top and my elements are outside. If I don't use Bootstrap, everything will be fine. I have already read this question and it doesn't solve my problem. This...

Radio Button doesn't reflect Model's value

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have a kendo Grid for a class, and for that class I've built an editor template to produce a radio button for one of the fields. This radio button doesn't reflect propertie's value and is always false, although I've checked the value, by printing it on the form, and...

Cannot show loading spinner on Kendo window

javascript,asp.net-mvc,kendo-ui,kendo-asp.net-mvc,popupwindow
I want to show a loading spinner on Kendo window by its default loading spinner. Could you please inform me about the mistake in my code? Thanks. View: @(Html.Kendo().Window() .Name("winCreate") .Visible(false) .LoadContentFrom("Create", "Issue") .Modal(true) .Actions(actions => actions .Close() ) ) <script type='text/javascript'> function createWindow() { var window = $("#winCreate").data("kendoWindow"); window.refresh({...

kendo grid new row be selected after add

kendo-ui,kendo-grid,kendo-asp.net-mvc
I want to be selected new row after that I add . for edition a selected row I used uid property , so after edition saved , the selected row is selected still. but for add it's not work because uid changes for new row . private _comebackFromEdit(uid: number) {...

Select multi items all at once in Kendo UI Multi-Select?

kendo-ui,kendo-asp.net-mvc
When use multi-select control in Kendo UI, it seems we have to select items one by one, i.e. click one item, the drop down list will collapse, then we have to click the multi-select control again to select the next item. Is it possible that when drop down list drops,...

Cascading drop down menu with editor template kendo grid mvc

kendo-ui,kendo-grid,kendo-asp.net-mvc,kendo-treeview
I trying to implement a cascading down list with editor template i am not sure if kendo support it, i have a grid when in editing move i am trying to filter data base on select data from an editor template grid is showing availablity time a user can work...

Kendo UI - Minified JS size is 1.8MB

performance,kendo-ui,kendo-asp.net-mvc
One of my clients report slow loading of their landing page. They use ASP.NET MVC with Kendo UI. I did a quick check and noticed that the kendo.all.min.js is about 1.8MB and client says this is required. I am sure they do not use all of the kendo UI elements...

Kendo grid editable multiselect grid cell

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have worked for days now trying to figure out how to add a mutliselect control to a kendo UI grid column. I have the following structures: public class CampaignOrgModel { public int Id { get; set; } public string Name { get; set; } } public class CampaignViewModel {...

Kendo date picker custom date format

datepicker,kendo-asp.net-mvc,kendo-validator
I have an application which allows the customer to set the date format by setting screen. I change the current thread culture date format, and set the date and parsing format in the kendo date picker. DateTimeFormatInfo datetimeFormat = new DateTimeFormatInfo(); datetimeFormat.FullDateTimePattern = "MM.dd.yyyy hh:mm tt"; //(set static for testing)...

Random error when integrating jquery/angular/kendo ui

javascript,jquery,angularjs,kendo-ui,kendo-asp.net-mvc
It's very strange, but I keep obtaining this error, but not regularly, on the same page: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.10/$injector/modulerr?p0=AngularApp&p1=Erro…Ob%20(http%3A%2F%2Flocalhost%3A60303%2FScripts%2Fangular.min.js%3A38%3A435) If I realod the page with F5 (or Ctrl/F5) sometimes it happens, sometimes not. I'm using an empty HTML page, where I only load - jquery-2.1.1.min.js - angular.min.js (1.3.10) -...

Is there anyway to make Kendo use a Named Template?

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have one class that I use it for two different purposes and on each use case some different fields should be shown, some are editables and some are read only. I'm using Kendo Grid to show them and I want customized create and edit modal windows for each use...

Kendo Datepicker converting to jQuery post a date value

jquery,asp.net,asp.net-mvc-4,kendo-ui,kendo-asp.net-mvc
In javascript I get the date from my kendo datetime var myDate = $("#mydate").getKendoDatePicker().value(); (Looks like this) Fri May 29 2015 00:00:00 GMT-0700 (Pacific Daylight Time) Then I try to post it to ASP.NET MVC using jQuery: $.ajax({ type: "POST", url: "/HeaderData", data: myDate, success: successHeaderData, dataType: 'json' }); But...

Kendo UI grid edit popwindow not firing

.net,asp.net-mvc-4,kendo-grid,kendo-asp.net-mvc
I cannot get my Edit popup window to fire. I don't see any events happening when I debug the application. My add user function works quite well. I believe I have initialized everything correctly -- does anyone see what I did wrong or why it is not initializing correctly? Any...

Setting options of a Kendo Grid that is inside an Editor Template

kendo-ui,kendo-grid,kendo-asp.net-mvc
Inside the editor template of one of my Grids, A, I have another grid, B. I want to set read and update actions of this Grid based on the current Id in the A. I've tried using Razor code inside the editor template like this: // details grid: B .Read("action",...

KendoUI-MVC DropDownList populating on PageLoad and Saving selected value in controller

asp.net-mvc,kendo-ui,kendo-asp.net-mvc,telerik-mvc,kendo-ui-mvc
I am able to bind my KendoUI DropDownList but on save I have no idea how to get the actual selected value. I assumed since it was within my razor form it would automatically bind the value. On save all of my properties are getting set except for this one....

Submit form with Ajax to ActionController

c#,asp.net-mvc,kendo-asp.net-mvc
I'm trying to submit a form to my account controller. I am getting the following errors: I've looked everywhere and cannot seem to find the solution. 1 $ and JQuery are not defined. 2 server responding with a 404 error (which I'm sure is related to #1) NOTE: I understand...

Horizontal scroll for a Kendo Grid

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have a Kendo Grid inside a Kendo Window. How can I enable its horizontal scrolling using wrappers? I've tried anything, but none of them worked. The last thing I tried was surrounding the Grid with a width-limited div....

Kendo Scheduler - Add AutoComplete Search in Event Template

asp.net-mvc,autocomplete,kendo-ui,kendo-asp.net-mvc,kendo-scheduler
I'm using the Kendo Scheduler with resources for ASP.NET MVC, to manage the bookings in different fields of a sport center The sport center has more tan one thousand customers, so I don't want to display a dropdownlist in my custom event template when I create a new booking My...

how to add a link to Kendo TreeList

kendo-ui,kendo-asp.net-mvc
I have the following code: var mdl = @Html.Raw(Json.Encode(Model.FacilityList)); var ds = new kendo.data.TreeListDataSource({ data: mdl, schema: { model: { id: "ClientOrganizationId", fields: { parentId: { field: "ParentOrganizationId", nullable: true }, ClientOrganizationId: { field: "ClientOrganizationId", type: "number" }, Name: { field: "Name"}, Street: { field: "Street" }, City: { field:...

Kendo menu z-index

css,kendo-ui,kendo-asp.net-mvc,kendo-menu
I want to have the menu on top of any other window. But it seems z-index isn't working. This is my menu: @(Html.Kendo().Menu() .Name("menu").HtmlAttributes(new { @style = "z-index: 50;"}) .Items(items => { And this is my DOM: ...

Model Binding fails with Kendo Grid

asp.net-mvc,kendo-grid,kendo-asp.net-mvc
I can't use edit and create command of a Kendo Grid, because binding always fails and controller always receives a null object, even though DataSourceRequest is fine. I used a @html.EditorForModel() and it worked fine and controller received the data. So MVC Model binding and my class aren't the problem....

Kendo Sortable integrated with a grouped Grid

asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc,kendo-sortable
Here's my View, in which I have a Sortable that's integrated with a Grid. This works fine, but the problem is that the Grid is grouped. And, I want each group to have its own Sortable functionality, meaning that the user should not be able to drag and drop rows...

How to hide columns in Kendo Grid when editing in a popup

asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
I use Telerik Kendo Grid editing-inline. I want to hide certain columns when editing popup the number of columns....

Textbox hover background image moves and re-sizes

html,css,kendo-ui,textbox,kendo-asp.net-mvc
I have attempted to put in a background image on a Kendo UI Textbox. It's all well when you don't hover over it. But as soon as you hover over it, this happens: How do I fix this? When I hover and click into the Textbox, the image needs to...

Partial View in kendo grid column

c#,ajax,asp.net-mvc,partial-views,kendo-asp.net-mvc
I have an ajax enabled kendo grid with a client template that displays data from the model to which the row is bound. (because of ajax, using columns.Template seems not possible.) @(Html.Kendo().Grid<Model>() .Columns(columns => { columns.Bound(x => x.SubModel).ClientTemplate("bla #= SomePropertyOfSubModel # bla") }) .DataSource(dataSource => dataSource.Ajax()) This works basically, but...

Accessing clientside data in a Kendo Grid Detail Template

kendo-grid,kendo-asp.net-mvc
Given this UI for MVC example, how do I reference items in the datasource for the detail template in a clientside template? For example, the Detail Template in the example looks like this.... <script id="template" type="text/kendo-tmpl"> @(Html.Kendo().TabStrip() .Name("tabStrip_#=EmployeeID#") .SelectedIndex(0) .Animation(animation => animation.Open(open => open.Fade(FadeDirection.In))) .Items(items => { items.Add().Text("Orders").Content(@<text> @(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()...

Kendo grid with dropdown column does not assign integer value

jquery,asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
I'd soo appreciate if someone could suggest on my problem. I have a model containing a collection: public class Customer { public Customer() { this.CustomerAddresses = new HashSet<CustomerAddress>(); } //..properties public virtual ICollection<CustomerAddress> CustomerAddresses {get; set;} } In my 'Create' view I have a grid with incell editing, that allows...

Kendo Grid Not working as expected

kendo-ui,kendo-grid,kendo-asp.net-mvc
Here is my Kendo Grid Code. My first issue is if Click on edit, name field which I make editable: false not working. It is giving textbox. My second issue is, I want to give dropdown for age. How can I do this ? $("#grid").kendoGrid({ columns: [ { field: "id",...

How to prevent kendo grid popup editor window to open?

javascript,jquery,kendo-ui,kendo-grid,kendo-asp.net-mvc
I would like to get confirmation before displaying(open) the popup editor when click on edit command button in the kendo grid same as delete confirmation. I have used Edit event of the grid. It is successfully display the confirmation dialogue but behind it opens the popup editor window as well....

Grid is not binding using Ajax

c#,asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
I'm doing some simple testing of the Kendo MVC Grid and I'm unable to get it to bind using Ajax. Here's my code: The JSON call in my controller: [HttpGet] public ActionResult GetRaceCarsAjax([DataSourceRequest]DataSourceRequest request) { IList<RaceCar> myRaceCars = GetRaceCars(); return Json(myRaceCars.AsQueryable(),JsonRequestBehavior.AllowGet); } protected IList<RaceCar> GetRaceCars(){ IList<RaceCar> myCollection = new List<RaceCar>();...

error when try to redirect from Child grid in Kendo UI Grid using ASP.NET MVC

c#,jquery,asp.net-mvc,kendo-asp.net-mvc
@(Html.Kendo().Grid<ClaimTravelCashSelectByApproverId_Result>() .Name("grid") .Columns(columns => { columns.Bound(e => e.chkbox) .HeaderTemplate("<input type='checkbox' id='chkAllClaim'/>") .ClientTemplate("<input type='checkbox' class='clsClaim'/>") .HtmlAttributes(new { style = "text-align: center" }) .Filterable(false) .Width(50); columns.Bound(e => e.Name) .Filterable(filterable => filterable.UI("name")) .Width(150) .Title("Claim"); columns.Bound(e => e.Description) .Filterable(false)...

Kendo UI Grid Grouping with Aggregate: Use aggregate value of another column in Group header?

kendo-ui,kendo-grid,kendo-asp.net-mvc
I want to use the aggregate value in another column (not the grouping column) in grouping header. For example, here is the demo from Kendo: http://demos.telerik.com/kendo-ui/grid/aggregates It aggregate the Units On Order for Units In Stock. I want to show the Average 14 in grouping header (besides Count: 5). Is...

How to reuse and parameter a Kendo UI grid EditorTemplate (using ASP MVC)?

asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
I've created a DropDownList EditorTemplate for grid inline editing successfully. Now I would like to reuse this template in multiple columns (same grid), and/or in different views with different grids. What I figured out so far is if I omit the 'Name' for the dropdownlist in the template then the...

Selecting option in parent dropDownList does not send updated value to child dropDownList

asp.net-mvc,kendo-ui,kendo-asp.net-mvc
I have two dropDownLists that are being used to populate data in the view model of a partial view. One of the dropDownLists cascades from the other. As I change the selection of the parent, the child datasource doesn't receive the updated value. This is the partial view (which can...

Kendogrid population

kendo-ui,kendo-grid,kendo-asp.net-mvc
I'm new to all this kendo stuff i need help in populating kendogrid from a csv file. The csv data is stored in an array of strings returned by a service. Data looks like : 0: "Module,LogLevel,LogType,LoggedTime,LogMessage" 1: "00D02D5A4B66 ,CommServer ,Level3 ,Information ,03/16/2015 00:32:57:5716 ,[ISOMMessageHandler::Initialize]-[EventCount:20,ObjectRetryCount:6]" 2: "00D02D5A4B66 ,CommServer ,Level1 ,Information...

How to make popup window footer unscrollable

css,asp.net-mvc,html5,kendo-ui,kendo-asp.net-mvc
I have a Kendo Window in my project and I populated some fields in it. Although the header act as I want, the scrollbar overflow to footer. I want the window content is scrollable except from Header and Footer as indicated on the image below (footer to be visible as...

Kendo UI MVC Grid show aggregate data in footer based on column values

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have a grid with two columns of interest: Dollar Amount, and Status. The status can be either Accepted, Pending, or Rejected for that row's dollar amount I would like to implement the the aggregate feature to display the total dollars Pending, and the total dollars Accepted. This is my...

Kendo MVC Grid date time object format when using in built functions

asp.net-mvc,kendo-grid,kendo-asp.net-mvc
I have question regarding the Create & Update functions handling datetime objects. My environment's set up to use the dd/mm/yyyy format for datetime, but when any of the Kendo MVC Grid's in built functions are called, the dates are sent over in the mm/dd/yyyy format which causes my model to...

Dynamic default value for Kendo Grid

javascript,kendo-ui,kendo-grid,kendo-asp.net-mvc
I want an auto increment column in my Kendo Grid. This field isn't server side auto increment, because I want the user to see the value and be able to change it. My current solution is to add a click attribute to Create button and loop over rows to find...

Kendo UI Grid column sorting refreshes entire page

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have a page that contains two tabs. Tab one contains Kendo bar charts. Tab 2 contains a kendo grid for search results and two tabs that contain 1 kendo grid each for detail information. The "Change" event of the search results grid makes an ajax call to update the...

Kendo Tab Strip

kendo-ui,kendo-asp.net-mvc,kendo-tabstrip
What are the methods which are available to Add tabs to the Tab strip dynamically? I have already tried adding the Tab while dynamically creating the Tab strip on the fly but not able to load the content inside it.

Displaying multivalued attributes from model in columns

javascript,asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
I am just kicking things off with Kendo UI, I could not find a way to display multivalued attributes in a column, with respect to a value in the preceeding column. Here is the representational mockup of the view that I want: The values in column 2 and 3 belong...

How to mark Kendo Grid's cell as edited?

kendo-ui,kendo-grid,kendo-asp.net-mvc
I'm dynamically editing some fields using JavaScript. But the problem is Kendo's dataSource doesn't recognize them as changed cells. Grid's edit mode is InCell. This is my current JavaScript code: tablesGrid.tbody.find("input[type='checkbox']").each(function () { $(this).on('change', function () { var isChecked = $(this).prop('checked'); var dataItem = tablesGrid.dataItem($(this).closest('tr')); var currentTr = $(this).closest('tr'); var...

Chart Shared Tooltip Title

kendo-ui,kendo-asp.net-mvc,kendo-chart,kendo-tooltip
So I have a chart which has a shared tooltip across multiple series. This is a time-based series, with categories of each hour in a day. I'm able to correctly format the labels in the chart just fine. The issue I have is that I can't seem to change the...

How to Pass Kendo DropDownList DataTextField value to Controller

asp.net-mvc,kendo-ui,kendo-asp.net-mvc,html.dropdownlistfor,kendo-dropdown
I have a Kendo DropDownList on the View and I want to pass its DataTextField value to the Controller and then pass and them on the labels in another View. Although I can pass DataValueField values to the Controller, I cannot pass DataTextField values. I tried to apply different scenarios...

Updating other controls with Kendo grid

kendo-ui,kendo-grid,kendo-asp.net-mvc
I'm showing my class A in a Kendo grid with ajax data source. This class has a foreign key relationship with class B and a navigation property for that class. I'd like to show class B properties in separate textboxes. What's the best way to achieve this? I think I...

Compare Server Time and Browser Time

javascript,kendo-ui,kendo-asp.net-mvc
My table that has 3 columns: FileName, LastUpdateTime and a Restart button. I need to display the restart button only if the last update time is more than 20 min ago. I get the last update time from the server. d = new Date() gives the local browser time but...

CRUD operations in a grid inside a parent grid detail template

asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
Here's a sample code from the Kendo Grid Detail Template demo on the Telerik website (I've simplified the detail template by removing the tab-strip): @(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.EmployeeViewModel>() .Name("grid") .Columns(columns => { columns.Bound(e => e.FirstName).Width(120); columns.Bound(e => e.LastName).Width(120); columns.Bound(e => e.Country).Width(120); columns.Bound(e => e.City).Width(120); columns.Bound(e => e.Title); }) .Sortable() .Pageable() .Scrollable()...

Applying validation on email format in kendo UI grid in edit mode

asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
I'm using a kendo UI grid. Using it to edit inline to add a new record. I have three fields FirstName, LastName and Email. Till now everything was working fine regarding validations. I need to apply validation on email to check its format. Validation for email has been applied correctly...

Use KendoUI tree view as input value

kendo-ui,kendo-asp.net-mvc,kendo-treeview
I am using Kendo UI TreeView along with Kendo UI MVC Wrappers in my ASP.NET MVC project. I have HTML form in my view. Here is the code of my view: <form method="POST" action="@Url.Action("Review")"> @* ... *@ @(Html.Kendo().TreeView() .Name("CategoryId") .DataTextField("Name") .DataSource(dataSource => dataSource .Read(read => read.Action("Categories", "ReviewCategories")) ) ) @*...

Unable to set Kendodropdownlist Width

javascript,kendo-ui,kendo-asp.net-mvc
I have a kendodropdownlist as follows. @ (Html.Kendo().DropDownList() .Name("AllocatePremiumBy") .DataTextField("AllocationMethodName") .DataValueField("AllocationMethodID") .BindTo(ViewBag.AllocateMethods as IEnumerable < KendoPOC.Models.AllocationMethod > ) .OptionLabel(new { AllocationMethodName = "Please Select", AllocationMethodID = 0 })) I am trying to set the width of this dropdownlist as follows. $(document).ready(function () { var dropdown = $("#newPlanDropDown").data("kendoDropDownList"); dropdown.list.width(400); }) However...

KendoUI Menubar open on click

asp.net-mvc-4,razor,kendo-ui,kendo-asp.net-mvc,kendo-menu
I have a KenoUI MenuBar. Code as per bellow: @(Html.Kendo().Menu() .Name("UserMenu") .Events() .Items(items => { items.Add().Text("Organisation Name"); items.Add().Text("User Fullname").Items(useritems => { useritems.Add().Text("Option 1"); useritems.Add().Text("Option 2"); useritems.Add().Text("Option 3"); }); })); Pretty simple menu with a sub menu under User Fullname. I want to change this menu bar so that it does...

How to Bind Data to kendo grid by passing date from kendo datepicker?

c#,kendo-ui,kendo-grid,kendo-asp.net-mvc,kendo-datepicker
I am new in Kendo UI, I have one kendo DatePicker and one Kendo GridView. After selecting a date from DatePicker according the data should bind to the Kendo GridView. I use jquery with Ajax and my jquery function is List<MDA.AppEntities.Orders.OrderList> objConsults = new List<MDA.AppEntities.Orders.OrderList>(); objConsults = DataFacade.Operations.GetCustomerOrderDetailsByCustomerID(Patientid,startDate,en‌​dDate ); return...

How to switch off filtering for a certain column in Kendo grid after it's loaded?

jquery,kendo-grid,kendo-asp.net-mvc
I have a kendo grid created with the usual MVC Razor syntax. For example, @(Html.Kendo().Grid<exampleViewModel>() .Name("ExampleGridName") .DataSource(ds => ds .Ajax() .Read(read => read.Action("ExampleMethod", "ExampleClass")) .Columns(c => { c.Bound(m => m.Id); c.Bound(m => m.FirstName); c.Bound(m => m.LastName); }); .Filterable()) My question: Is there a way to switch off filtering for a...

Kendo MVC batch editing change row color or focus

kendo-ui,kendo-grid,kendo-asp.net-mvc
I am a new babie for Kendo UI for MVC, I am trying to customise row color when doing batch editing for a grid, I looked in the internet but couldn't find any info. After editing a cell for batch editing grid by default Kendo add a small red spot...

Reach dataitem from other column within a kendo grid

razor,kendo-grid,kendo-asp.net-mvc
I would assume it would be trivial to get the current item from another column when doing a grid. Try to look at this example. The hardcoded 106 should be the DepartmentId, but I can't use the p lambda, and I don't know how else I should go it using...

Kendo window: prevent adjusting content to the window size

jquery,css,asp.net-mvc,kendo-ui,kendo-asp.net-mvc
I'd appreciate any advice. I have a kendo window: @(Html.Kendo().Window() .Name("detailsWindow") .Title("..") .Content("...") .Draggable() .Visible(false) .Width(1350) .Height(450) .Resizable(r =>r.Enabled(true)) ) And I open it with the handler: <script> function Documents_Change(e) { var selected = this.select()[0], item = this.dataItem(selected); var window = $("#detailsWindow"); window.load("@Url.Action("Details", "CustomEntry")" + "?gtdNo=" + item.ID); window.data("kendoWindow").center().open(); }...

Kendo doesn't load some of the culture messages

asp.net-mvc,kendo-ui,kendo-asp.net-mvc
I'm trying to localize Kendo for my app. My language wasn't originally supported, so I added my localized version to messages/kendo.messages.xx-XX.min.js I added this line to my web.config: <globalization uiCulture="xx-XX" culture="xx-XX"></globalization> And I've included these scripts under kendo's scripts: <script src="~/Scripts/kendo/2014.3.1314/kendo.culture.xx-XX.min.js"></script> <script src="~/Scripts/kendo/2014.3.1314/messages/kendo.messages.xx-XX.min.js"></script> Kendo still shows some of the...

How to make Kendo Datasource request from server side API call using Kendo MVVM and c#?

c#,asp.net,mvvm,kendo-grid,kendo-asp.net-mvc
I am using HTML page as a front end and i have to transfer a row of json data to database, how should i transfer a row full of values as a parameters to server side function or request datasource from server side to populate entities? Here is my html...

Kendo Grid populates and posts all of the navigation properties

c#,asp.net-mvc,entity-framework,kendo-grid,kendo-asp.net-mvc
I have a Kendo UI Grid which uses the Serial class as its model. This class has relation with the row class, but I don't use any of the navigation properties in my Grid and I don't need them in this particular page. The problem is, Kendo UI populates all...

Get changed item from DropDownListFor into another form

asp.net-mvc,kendo-ui,asp.net-mvc-5,kendo-asp.net-mvc
I have 3 forms each has access to its own Delete/Create/Edit action on server side. When I change the DropDownListFor selected item and do a Delete then the string title is passed to the server When I change the DropDownListFor selected item and do a Create/Edit then the string title...

Grid read action method is not hitting

c#,asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
In my Kendo UI Grid the the read.action() method is not hitting. I have tried everything. Please help me if I have missed something. When I debug, it is not even going to read.action method. In my index page, I am not doing anything, just returning the view. I can...

Kendo Grid Filtering a dataSource

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have a grid bound to a simple object. There is no Ajax calls, it's all set at init. My Object: Account with properties Name and an Array of Tag strings. Real simple. I pass in an array of tags into this function and need the dataSource to filter the...

Kendo MVC UI sort grid using DropDownList

asp.net-mvc,kendo-asp.net-mvc
I have a grid that contains all the student names and their campus. Now I want to sort grid by student names and campus using DropDownList. Here is the drop down list: @(Html.Kendo().DropDownList() .Name("sorter") .DataTextField("Text") .DataValueField("Value") .Events(e => e.Change("change")) .BindTo(new List<SelectListItem>() { new SelectListItem() { Text = "Sort by Name",...

Handling events from a Kendo MVC Grid's PopUp editor window

kendo-grid,kendo-asp.net-mvc,popupwindow
I have a Kendo MVC grid that I am creating with the Html.Kendo().Grid helper. When the PopUp editor window opens, I want to catch the event and run a bit of javascript. When I configure a normal kendo window with .Events, the events fire properly and my function runs. However,...

AutoComplete control calling controller with null value

c#,asp.net-mvc,kendo-ui,kendo-asp.net-mvc,kendo-autocomplete
I'm trying to use the Kendo UI Autocomplete control with server filtering, but have run into a problem. While my callback function appears to pull the correct text from the form, it consistently passes a null to the controller method. I can't see any significant way in which my code...

Kendo pie chart displays only empty area

c#,asp.net-mvc-4,telerik,kendo-asp.net-mvc,pie-chart
Despite all the searchs on the internet. I can't find what's wrong with my code. I'm just trying to populate my pie with data from my database. Here is my code: DataAccess function: (this is here i get all the data to populate my pie) public static IEnumerable<PieModel> getTypesForStatistics() {...

Kendo Grid custom grouping sort order

c#,asp.net-mvc,sorting,kendo-grid,kendo-asp.net-mvc
I'm trying to figure out how to have a custom sorting for a column when grouped. Here is a screenshot depicting how I'd like this to work: In the screenshot, I am defaulting the grouping by the "Status" column. The column has four possible values: Unsafe | Quarantined | Waived...

Format Date type using a function in Kendo Grid

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have a function for date conversion, that accepts a datetime argument and returns string. How can I use this function to format Date columns in a Kendo Grid? I've tried the following codes, and none of them worked columns.Bound(x => x.ModifyDate).ClientTemplate(@Utility.GetPersianDate((DateTime)"#: ModifyDate #")); columns.Bound(x => x.ModifyDate).Template(@<text>@Utility.GetPersianDate((DateTime)@item.ModifyDate)</text>); columns.Bound(x => x.ModifyDate).Format(@Utility.GetPersianDate(Convert.ToDateTime("#:...

How to access a Model property in a TreeView on Telerik MVC TreeView (Kendo UI)

telerik,kendo-asp.net-mvc,telerik-mvc
How do I access the ID property of the model when I select one of the treeview nodes? (I want to display the details based on ID next to the treeview) @(Html.Kendo().TreeView() .Name("OrganizationTree") .HtmlAttributes(new { @class = "demo-section" }) .DataTextField("Name") .DragAndDrop(true) .ExpandAll(true) .Events(events => events .Select("onOrgSelect") .Drop("onOrgDrop") ) .DataSource(dataSource =>...

Kendo button should display record in kendo window using ASP.NET MVC

asp.net-mvc-4,kendo-asp.net-mvc
I am using ASP.NET MVC with Kendo UI for MVC. I have an Edit button that should display current record in Kendo Window. Here is my button: @(Html.Kendo().Button() .Name("editButton") .HtmlAttributes(new { type = "button" }) .Content("Edit Record") .Events(ev => ev.Click("onClick")) ) Here is JavaScript code: $("#editButton") .bind("click", function () {...

How to get current row in Kendo context menu?

kendo-ui,kendo-asp.net-mvc,kendo-contextmenu
I have a Kendo context menu for a Kendo grid. I want to extract value of current row. This is my view: @(Html.Kendo().Grid<Class>() .Name("reqRows") .Columns(columns => { columns.Bound(x => x.0); }) ) @(Html.Kendo().ContextMenu() .Name("brc") .Target("#reqRows") .Items(items => { items.Add() .Text("1").LinkHtmlAttributes(new { onClick = "confirm()" }); }) ) <script> function confirm(e)...

How to get the instance of a MVC Kendo details grid

asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
What I can't understand is how should I get the instance of a details grid. I have a grid filled with data. Expanding those rows reveals another child grid. At some point I need to add rows to this child grid without making it read from the back-end. I need...