kendo-ui

Bootstrap columns inside Kendo Tabstrip

a 夏天 提交于 2019-12-11 12:19:55
问题 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 is my code: <div> @(Html.Kendo().TabStrip() .Name("tabstrip") .Items(items => { //removed items.Add() .Text("اطلاعات حساب‌ها") .Content(@<text> <div class="form-group form-inline col-xs-12"> <div

How can I access the model for the selected item in a Kendo UI Grid

旧巷老猫 提交于 2019-12-11 12:05:52
问题 I have a selectable kendoUI grid in my ASP.NET MVC app. How do I get the strongly typed model object for the selected item? I have tried the following code but it doesn't work. @(Html.Kendo().Grid<Backup>(Model.Backups) .Name("MatchingBackupsGrid") .Columns(col => { col.Bound(backup => backup.BackupUId).Title("UID"); col.Bound(backup => backup.BackupFirstName).Title("First Name"); col.Bound(backup => backup.BackupLastName).Title("Last Name"); }) .Scrollable() .Selectable(sel => { sel.Mode

jQuery - validate kendo dropdownlist with display:none style

会有一股神秘感。 提交于 2019-12-11 11:41:06
问题 In my view I have a kendo dropdownlist. I´ve implement jQuery validation inserting these scripts in the view: <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> I've set the property as Required in the entity and all I need to perform the validation. Model: [Required(ErrorMessage = "Campo Tipo de Llenado es necesario")] public int TipoLlenado

select and show in new window Kendoui grid row data?

一笑奈何 提交于 2019-12-11 11:28:40
问题 I tried to select a grid row and show their element in a new window. I use opensource Kendo ui grid. I can select. I want to show details in a kendo pop up window. but I can't get selected row data. How it can be? $(document).ready(function () { $("#grid").kendoGrid({ sortable: true, pageable: { refresh: true, pageSizes: [5, 10, 100] }, autoBind: true, height: 500, selectable: "row", dataSource: { transport: { read: "/Raporlama/Getdata", type: "json" }, }, change: function(e) { var username =

How to get value of Kendo UI AutoComplete onKeyUp inside ViewModel

懵懂的女人 提交于 2019-12-11 11:25:05
问题 I am trying to get the value of a Kendo UI AutoComplete as the user types so I can send that query to the server to filter results. The change event only fires onBlur and not keyup/down/press. The data-value-change binding also appears not to work for this scenario either. Is there anyway to achieve this from within the ViewModel? Please see the code below as a working jsFiddle here . You will notice the data-value-change works for a vanilla input but not on the autocomplete. <div id="view">

Grid Custom Filter for Columns Not In Grid

可紊 提交于 2019-12-11 11:07:41
问题 I have a grid which is filtered by another area on the page. I've already figured out how to pass the filter arguments to filter grid columns via javascript/ajax. However, I want to pass custom filter arguments (that don't have a column) to do additional filtering server-side. In my case, a user can have 0:M roles. I'm not showing the roles in the KendoUI Grid, however I want to select 0:M roles in a multiselct box and pass the selections to the grid's filter call so that I can use the values

Proper binding of json to Kendo DropDownList

醉酒当歌 提交于 2019-12-11 10:45:30
问题 I have the following json data (see below) from a webservice query (_urlTowns). I want to bind a Kendo UI dropdownlist control to this datasourceTowns. { "displayFieldName": "TNONAM", "fieldAliases": { "TNONAM": "TNONAM" }, "fields": [{ "name": "TNONAM", "type": "esriFieldTypeString", "alias": "TNONAM", "length": 16 }], "features": [{ "attributes": { "TNONAM": "ANSONIA" } }, { "attributes": { "TNONAM": "BETHANY" } }, { "attributes": { "TNONAM": "BRANFORD" } }, { "attributes": { "TNONAM":

How to stop multiple kendo-tooltips appearing for the same element during validation

谁说胖子不能爱 提交于 2019-12-11 10:41:22
问题 I'm attempting to use Kendo-Validator and Kendo-ToolTip to show validation messages as a tooltip. The problem I currently have is that multiple validation error messages appear against the HTML element. How do you stop that from happening? Here's the HTML: <div id="example"> <div class="demo-section k-header"> <form id="tickets"> <h3>Book Tickets</h3> <ul> <li> <label for="fullname" class="required">Your Name</label> <div style="display:inline-block"> <input type="text" id="fullname_1" name=

Kendo UI Splitter height

邮差的信 提交于 2019-12-11 10:36:42
问题 Posted 3 hours ago (permalink) Hi everyone, I'm doing an ASP.NET MVC project with Kendo UI, and I've got a little problem. I have a jquery script for re sizing my splitter. window.onload = function () { $("#vertical").css("height", $(window).height()); }; But when I load my layout, I've got the good size, but not the good display. If I hide my bottom splitter , and then show it, it's the well display (2.png) Thanks all for you answers :) 回答1: Did you try the following css #vertical{height:100

Kendo UI grid not calling the webservice

烂漫一生 提交于 2019-12-11 10:35:56
问题 I am new to Kendo UI, I have a grid which I populate from a asmx webservice in JSON format, it displays the data fine. I have enabled editing, but when I click the update button nothing happens, I am not getting to the breakpoint in my webmethod. Here is the relevant code snipets. Thanks //references <link href="Content/kendo/2012.3.1114/kendo.common.min.css" rel="Stylesheet" /> <link href="Content/kendo/2012.3.1114/kendo.default.min.css" rel="Stylesheet" /> <script src="Scripts/jquery-1.8.3