kendo-ui

TypeError : r.getClientRects is not a function

对着背影说爱祢 提交于 2019-12-10 12:59:20
问题 I am trying to create a custom toolbar in KendoUI grid following this link:http://demos.telerik.com/kendo-ui/grid/toolbar-template but getting stuck with an error. This is what I am trying to do in my code: <div id="example"> <script type="text/x-kendo-template" id="template"> <div class="toolbar"> <label class="category-label" for="category">Show products by category:</label> <input type="search" id="category" style="width: 150px" /> </div> </script> <div id="grid"></div> <script> $(document

How to set the auto width for combo box in Kendo UI?

断了今生、忘了曾经 提交于 2019-12-10 12:18:59
问题 I want to set the combo box width automatically based on the lengthiest text which is bound to the Combo box, so I tried like below, but I am able to see the auto size (width) only for drop down (drop down when clicking the combo) of the combo box, still the length is greater than expected, the overall length should be reduced to hold only 3 characters, am I missing something here? <input id="combobox" /> $("#combobox").kendoComboBox({ index: 0, dataSource: { data: ["One", "Two"] } }); var

Kendo Grid Object doesn't support property or method 'slice'

孤街浪徒 提交于 2019-12-10 11:53:21
问题 I am trying to bind the kendo grid to a WCF remote odata service. But when I try to populate the grid I receive the exception Object doesn't support property or method 'slice' . Here is my javascript code to populate the grid. $("#datagrid").kendoGrid({ dataSource: { type: "json", transport: { read: "http://localhost:65401/sdrservice.svc/IssueLists" }, pageSize: 20 }, groupable: true, sortable: true, pageable: { refresh: true, pageSizes: true, buttonCount: 3 }, columns: [{ field: "Issueid" },

kendoValidator acces to Angular2 component property

社会主义新天地 提交于 2019-12-10 11:49:00
问题 I am using Kendo Upload in my Angular 2 application.I have inject servcie for error message and file permissible size ,but when KendoValidator called, this.service is already undefined . export class MyUpload implements AfterViewInit { private message:string="message error": constructor() { } ngAfterViewInit(): any { $("#files").kendoUpload({ multiple: false }); $("#uploadForm").kendoValidator({ messages: { fileSize: message }, rules: { fileSize: function (e: any) { return ....; } },

Using templates&editors in grid column with Angular Kendo UI

霸气de小男生 提交于 2019-12-10 11:45:44
问题 I'm trying to use Angular Kendo UI in my app. Some views include grid. <div kendo-grid k-sortable ="true" k-pageable ="true" k-filterable ="true" k-resizable ="true" k-editable = "'incell'" k-selectable = "true" k-options = "accountSettingsDS" k-columns = '[ { field: "Companies", title: "Companies", editor : "<input kendo-drop-down-list k-data-text-field=\"'name'\" k-data-value-field=\"'name'\" k-data-source=\"CompaniesList\" ng-model=\"dataItem.Companies\"/>"}, { field: "Currency", title:

In MVC How to pass a parameter to tabStrip when I was using Partial Views?

血红的双手。 提交于 2019-12-10 11:44:56
问题 In my view page, I have a button. When I click the button, I want to make the window open. The window has some tabstrips, and in the tabstrip I want to show a grid and pass a parameter to the grid. Does kendo UI allow me to do this? Kendo Window -- How to pass a parameter to the _TabStrip from my main view?(like the parameter is "paraA" string) @(Html.Kendo().Window() .Name("window") .Title("About Alvar Aalto") .Content(@Html.Partial("_TabStrip").ToHtmlString()) .Draggable() .Resizable()

how to prevent opening of kendo grid editor pop up in javascript

不羁岁月 提交于 2019-12-10 11:42:03
问题 I have two grid. When first has selected row, from other grid,user can create new row correctly. If first has not selected row, a function in javascript alert but can not prevent to opening of pop-up. I need how can i prevent or how to close grid pop-up Two Grid //grid code in view @(Html.Kendo().Grid<Kurslar.Models.DonemKursu>() .Name("donemGrid") .Columns(columns => { columns.Bound(p => p.DersAdi).Title("Ders").Width(85); columns.Bound(p => p.EgitmenAdiSoyadi).Title("Eğitmen").Width(200);

Kendo Angular 2 Grid Filter similar to Excel

随声附和 提交于 2019-12-10 11:23:13
问题 How can We implement an excel-like filtering on a grid using kendo-angular. I can't find a solution in the documentation. This is the feature in JQuery version: http://demos.telerik.com/kendo-ui/spreadsheet/sorting-filtering edit 1: a filter similar to this one 回答1: Here is an example: <kendo-grid-column field="ProductName" title="Product Name"> <ng-template kendoGridFilterCellTemplate let-filter let-column="column"> <kendo-grid-string-filter-cell [showOperators]="false" [column]="column"

Mvvm support for custom kendo ui widget

这一生的挚爱 提交于 2019-12-10 11:12:12
问题 A few days before I asked this question and got a really cool answer. Hereafter I wonder if I can use my custom widget as I use all standart kendo components by mvvm convention. And what parts of custom widget do I have to edit? For example: <div id="dropdowns" data-role="linkeddropdowns" data-period="YEAR" data-bind="year: selectedYear"></div> Thanks, 回答1: I think you may run into problems with the internal view model approach because Kendo UI tends to not be good about nesting view model

KendoUI cascading dropdownlists, need value from 2 dropdownlists.

我的梦境 提交于 2019-12-10 11:09:19
问题 I have 3 cascading dropdownlists as follows: <p> <label for="categories">Catergories:</label> @(Html.Kendo().DropDownList() .Name("categories") .OptionLabel("Select category...") .DataTextField("CategoryName") .DataValueField("CategoryId") .DataSource(source => { source.Read(read => { read.Action("GetCascadeCategories", "ComboBox"); }); }) ) </p> <p> <label for="products">Products:</label> @(Html.Kendo().DropDownList() .Name("products") .OptionLabel("Select product...") .DataTextField(