kendo-ui

Kendo TabStrip: Getting the Selected Index on the Selected event (MVC 4)

由 浪尽此生 提交于 2019-12-06 06:00:22
问题 My TabStrip is as follows: @(Html.Kendo().TabStrip() .Name("tabApplications") .Items(items => { items.Add().Text("Online").Selected(true); items.Add().Text("Trading"); }) .Animation(false) .Events(e=>e.Select("tabstrip_select")) ) In Javascript I get theSelected Item: function tabstrip_select(e) { var x = e.item; } Question : How do I get the Selected Index (ie "1") from this function. I looked over the Item object but didn't see anything obvious. 回答1: You can get the currently selected index

Is there a way to change the position of validation message

由 ≯℡__Kan透↙ 提交于 2019-12-06 05:29:49
Although the validation messages in my project are positioned properly (just on the right side) for Textbox, Dropdownlist, etc. one of them is positioned on the left bottom for Editor and the position cannot be changed. So, is there a way to change the position of validation message for the Editor? I just want to change position of the validation message right side to the editor while not touching the position of the other controls. Any help would be appreciated. View: <script type="text/javascript"> $(function () { $("form").kendoValidator({ //Hide Kendo validation message and show as tooltip

Kendo UI Chart Colors

由 余生长醉 提交于 2019-12-06 05:23:29
问题 I'm having trouble configuring the bar colors for a Kendo UI column chart. Here's the code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <div id="chart"></div> <script src="js/thirdParty/jquery.js"></script> <script src="js/thirdParty/kendo.all.min.js"></script> <script> $(function () { var data, dataSource; data = [{ type: "C1", amount: 100, year: 2008, color: "red" }, { type: "C2", amount: 120, year: 2008, color: "blue" }, { type: "C2",

How to send KendoUI data source OData parameters to an abstract RESTful AngularJS data factory?

由 久未见 提交于 2019-12-06 05:19:14
问题 Some time ago, I setup an abstract data factory in AngularJS, and need a hint on how to simplify its use. I was initially under the impression that I would create another factory per entity that would be called from an AngularJS controller. Turns out it just looks too complicated and I would like to remove the intermediary entity factory ( ContentTypesFactory ), and simply call the abstract factory directly from the AngularJS controller. In the following example I'm wiring up a KendoUI

MVC4 Kendo Project Ajax.BeginForm UpdateTargetId Issue

由 删除回忆录丶 提交于 2019-12-06 05:12:15
问题 I have just started a new project in MVC4 using some code from an existing MVC3 project. I can force my form to ajax reload the specific DIV, but not using the normal submit method, only with the test doSomthing() javascript function. What am I missing? To clarify: The first button does not work right, the second one does - but I don't want to do it that way. VIEW @using (Ajax.BeginForm("Method1", null, new AjaxOptions { HttpMethod = "post", UpdateTargetId = "divPartial1" }, new { id = "form1

Change the width of the events in a Kendo UI Scheduler

由 微笑、不失礼 提交于 2019-12-06 04:25:41
问题 I am creating a website in HTML5 and javascript. One of the site contains the Kendo UI Scheduler. I understand the scheduler and how it works, and I've managed to set up a simple scheduler with some events. Now, my problem is that I want to alter the way the events is drawn in to the scheduler; I want to alter the size of the events to be half the size of the column they are displayed in. Is there any simple way to do this, or do I have to alter the Kendo code that is calculating the position

Styling Kendo Window's content with Bootstrap

由 偶尔善良 提交于 2019-12-06 03:58:22
问题 I have a generic Kendo Window that I call for different partial views. I can't style contents using bootstrap, as it causes different layouts in different browsers and elements are always cluttered. This is a sample: <div class="form-group form-inline"> <div class="line"> <div class="col-xs-6"> @Html.LabelFor(m => m.2, new { @class = "col-xs-4 control-label" }) @Html.DisplayFor(m => m.2) </div> <div class="col-xs-4"> @Html.LabelFor(m => m.3, new { @class = "col-xs-4 control-label" }) @Html

Kendo Modules and RequireJS (r.js) not playing nice. (Error on loading)

由 空扰寡人 提交于 2019-12-06 03:43:27
I am using Kendo UI version 2013.1.514 and RequireJS ( r.js version 2.1.6 ) My project runs perfectly under the standard RequireJS on-demand loading. However, when I try to use the optimizer, none of the Kendo will load. Including any of them gives the famous-and-irritation Uncaught Error: Mismatched anonymous define() module: error. This is my configuration: { "baseUrl": "../Scripts", "name": "../Scripts/js_modules/base_module.js", "include": [], paths: { k: "Frameworks/kendo-2013.1.514-fixed", jquery: "Frameworks/jQuery/jquery.min", jplugin: "Frameworks/jQuery", f: "Frameworks/" }, shim: {

Kendo Grid: Toolbar template issue

由 旧街凉风 提交于 2019-12-06 03:26:24
I have a grid that lists Road information and want a Toolbar Template that will allow me to filter the roads by choosing a Concession from a DropDownList. Something like this My code: CSHTML <div id="datagrid"> @(Html.Kendo().Grid<SustIMS.Models.RoadModel>() .Name("datagrid_Roads") .Columns(columns => { columns.Bound(r => r.RoadCode).Title(ViewBag.lblCode).Width(140); columns.Bound(r => r.RoadType).Title(ViewBag.RoadType).Width(140); columns.Bound(r => r.RoadMediumDescription).Title(ViewBag.lblDescription); columns.Bound(r => r.ConcessionCode).Title("CCode").Hidden(); columns.Bound(r => r

How to programatically expand a node of Kendo treeview

由 二次信任 提交于 2019-12-06 02:59:50
问题 I have a Kendo treeview that is built as below codes (see below). Each tree node has a unique data id field (that is employee Id). I would like to have a text box ( <input type="text" ... /> ) and a button ( <input type="button" ... /> ) so user can input some id and when she hit the button, the button click event handler will let the treeview expand the node whose id matches the input id. How can I do that? Thank you very much. Details of click event handler or the button: function
订阅 kendo-ui