I have a web app that is using kendo ui and bootstrap. From Kendo, I'm using Dropdown lists, ListViews, Comboboxes, NumericTextbox, Window, Scheduler and Editor.
These are my linked files in my master page....
<link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" type="text/css" /><br><link id="cssTheme" href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" /><br><br>@RenderSection("css", required:=False)<br><br><link href="~/Content/kendo/2016.3.1118/kendo.common.min.css" rel="stylesheet" type="text/css" /><br><link href="~/Content/kendo/2016.3.1118/kendo.common-bootstrap.core.min.css" rel="stylesheet" type="text/css" /><br><link href="~/Content/kendo/2016.3.1118/kendo.common-bootstrap.min.css" rel="stylesheet" type="text/css" /><br><link href="~/Content/kendo/2016.3.1118/kendo.bootstrap.min.css" rel="stylesheet" type="text/css" /><br><link href="~/Content/kendo/2016.3.1118/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" /><br><link href="~/Content/kendo/2016.3.1118/kendo.bootstrap.mobile.min.css" rel="stylesheet" type="text/css" /><br><link href="~/Content/kendo/2016.3.1118/kendo.dataviz.min.css" rel="stylesheet" type="text/css" /><br><link href="~/Content/kendo/2016.3.1118/kendo.dataviz.mobile.min.css" rel="stylesheet" type="text/css" /><br><link href="~/Content/kendo/2016.3.1118/kendo.dataviz.bootstrap.min.css" rel="stylesheet" type="text/css" /><br><br><link href="~/Css/DiaryStyles.css" rel="stylesheet" type="text/css" /><br><br><br>@RenderSection("extraCSS", required:=False)<br><br><script src="~/Scripts/jquery-2.2.3.min.js" type="text/javascript" ></script><br><script src="~/Scripts/bootstrap.min.js" type="text/javascript" ></script><br><script src="~/Scripts/kendo/2016.3.1118/jszip.min.js" type="text/javascript" ></script><br><script src="~/Scripts/kendo/2016.3.1118/kendo.all.min.js" type="text/javascript" ></script><br><script src="~/Scripts/kendo/2016.3.1118/kendo.aspnetmvc.min.js" type="text/javascript" ></script><br><script src="~/Scripts/kendo/2016.3.1118/cultures/kendo.culture.en-GB.min.js" type="text/javascript" ></script><br><script src="~/Scripts/kendo/2016.3.1118/kendo.timezones.min.js" type="text/javascript" ></script><br><br><br><script src="~/ScriptsDiary/Cookies.js" type="text/javascript"></script><br><br>@RenderSection("extraScripts", required:=False)<br><br><!--[if lt IE 9]><br><script src="/Scripts/html5shiv.js" type="text/javascript" ></script><br><script src="/Scripts/respond.min.js" type="text/javascript" ></script><br><![endif]-->
My Question is do I need all these files? I found this document but I found it a bit confusing as to which files I definitely need.
Thanks.
I just to take a look in Grid / Localization documentation, but how I can to localize the text whose coming from my JS model? for example headers ?
We are currently working on C# MVC so we are trying to localize our page by RESX files,
Can you give us a heads up to have an idea to do this?\
thanks in advance!
I have a grid with all numbers (double) which is editable with
.Editable(editable =>{ editable.Mode(GridEditMode.InCell);}).Navigatable()
At the moment I can use the tab key to edit a complete line of values, but I have to first manually delete the current values (backspace or del, depending on chrome vs firefox).
But I would like to automaticly select the current values in the cell. So the user only has to type the new values
Is this possible?
Maurice
Hello Kendo UI Team,
We are developing a grid with a column value as a link
this is the code:
columns: [{ field: "OrderID", title: "ORDER #", template: function (data) { var url = getUrlWithLocale("/Account/OrderHistory/GetOrderDetails/"); return "<a id='btnViewDetails' data-orderID='" + data.OrderID + "' href='" + url + data.OrderID + "/Ds'>" + data.OrderID + "</a>"; }},
It is working fine except because the link does not work, however if you use the right click and select the option open link in a new tab works fine,
Could you please assist with this issue?
Thanks in advance!
I am creating a datepicker range directive and would like to change the style in the range between the dates it contains in my model, for example between the date model.startDate and model.endDate I want to put a gray background, for this I am using the
month: {
content: '<div class = \' # = isBetweenDates(data)? "k-state-hover": "" # \ '> # = data.value # </ div>';
}.
My problem is the function .. it only fills my function when I create in the global object .. window.isBetweenDates = function (data) {....
In this case, if I use two directives .. the second will overlap the first one because it will overwrite the method, since it is in the global scope ..
Is there any way I can link that function with each scope directive that was created, so as not to impact each other? If there is more than one
I tried to make some forms, for example use $ compile and move to content but I can only pass string.
Thank You!!

I have a grid which initially displays all data for my current remote query. When a user clicks the 'Edit' button, the grid should be editable. One of the columns will be a Kendo Dropdownlist displaying the possible selections. I have attempted to recreate this below:
http://dojo.telerik.com/AJaKe
I could not fully create this scenario below as the dropdown is becoming locked upon clicking Edit.
My grid should have inline editing, a remote datasource, a Kendo Dropdownlist (upon clicking edit), have a remote datasource on the Kendo Dropdownlist and should have the ability to add a new row with the above requirements.
I need help modifying the above example to create the scenario I described.
Hi, I have implemented a second custom "column filter" to hide columns that start with a certain string based on user selection -
Columns: Aaron, Chris, Ashley, Ryan
My selector has options 'A', 'C', 'R' with checkboxes, when one is unchecked, it will hide all cols that start with 'A', for example.
My issue is in the performance of this method when the grid has many (50+) columns, taking multiple seconds to fulfill this loop:
var grid = $("grid").data().kendoGrid;
var columns - grid.columns
$.each(columns, function(i, el){
Hi,
is there a sample or documentation how the Virtualization support without a value mapper works?
robert
Hello,
I have been unable to locate an example of how I would go about using kendo's data binding to bind a checkbox with a numeric column on my model, where 0 = unchecked, and 1 = checked.
Thanks

Hey guys,
I'm trying to apply a "dropdown" option for a few different columns in my table. Using the standard "string" and "number" operators if fine, but I want to apply specific dataset options to each of my particular dropdown filters. Examples similar to ["yes", "no"], or days of the week are the simple type of selections I want in the dropdown to then be applied as the filter for the column.
Using angular.
------------------------------------------------------------------
$scope.GridOptions = {
dataSource: new kendo.data.DataSource({
------------------------------------------------------------------
Above -how my grid is being created for reference purposes.
My grid has a {schema: {model: fields: {...}}} section, currently specifying the "type" of each column.
As well as a {filterable: {operators: {}}] area where I'm specifying the search options/order.
And finally the "columns" area where the specifics of each field are being specified.
I haven't been able to find an angular reference with a custom dropdown filter being used - I've only seen JQuery/javascript.
