kendo-ui

KendoUI and json

。_饼干妹妹 提交于 2019-12-08 14:19:42
问题 I'm quite new to kendoUI and json, my problem is that It's seems the data does not load, maybe incorrect schema or something, get no errors, just the combobox loading the whole time. Here's my sample code: $(document).ready(function () { clientDS = new kendo.data.DataSource({ transport: { read: { url: "http://localhost/JSON_MP.asmx/GetListCountries?developerId=101&developerHash=9df7273b410761f74331bde746e5c2354b73b487&timestamp=1242207092430", //Note the URL path! dataType: "json",

Change editRecurringMode dynamically on editable template in kendo scheduler

帅比萌擦擦* 提交于 2019-12-08 13:43:26
问题 I want to skip the Edit Recurring dialog(which content options for "edit series" and "Edit occurrence" ) in KendoUI Scheduler while editing the past recurring events, and in other cases the Edit Recurring dialog should not be skipped. example code: editable: function(e) { if(e.conditionisTrue) { editRecurringMode: "dialog" } else { editRecurringMode: "occurrence", }, template: kendo.template($("#myCustomEditorTemplate").html()) } Instead of: editable: { editRecurringMode: "dialog", template:

How to add Kendo DropDownList dynamically into a table of html5 with jQuery

六眼飞鱼酱① 提交于 2019-12-08 12:28:55
问题 I need to add a row dynamically into a HTML5 table after clicking the button with the class="classAdd", and i have an issue with one column of the row that is a dropdownlist of kendo, it doesn't display very well. HTML5: <table id="tablePost" class="table table-bordered table-striped"> <thead> <tr> <th>Producto</th> <th>Precio</th> <th>Cantidad</th> </tr> </thead> <tbody> <tr class="productos-presupuesto"> <td> @(Html.Kendo().DropDownList() .Name("productoPresupuesto") .OptionLabel(

bind a row data of kendo grid with text boxes onclick?

北城余情 提交于 2019-12-08 11:33:39
问题 Here is my html code , i have to send kendo gridrow data to textboxes onclicking inline edit button of kendo grid but i no want to edit inline. after editting through textboxes i want to show it in kendo grid as edited value <!--data-editable="inline"--> <div id="example"> <div id="kendoGrid" data-role="grid" data-pageable=" true" data-sortable=" true" data-filterable="true" data-toolbar="['create','save', 'cancel']" data-columns="[ { 'field': 'Id', 'width': 100 }, { 'field':

Batch editing in KendoUI Grid for Angular 2/4

送分小仙女□ 提交于 2019-12-08 11:31:22
问题 As per this link https://github.com/telerik/kendo-angular/issues/165 batch editing of the kendo ui grid for angular 2/4 is not available. Has anyone developed a workaround? 回答1: UPDATE Please note, looks like batch editing is supported out of the box now. ORIGINAL ANSWER I was able to change kendo angular grid's custom editing functionality to achieve something in line with batch/cell editing. Here is the plunkr. http://plnkr.co/edit/USYz7LIV5oaOmjSmY7JH import { Component, OnInit, Inject,

Kendo UI RadialGauge add custom tool-tip on pointer

一笑奈何 提交于 2019-12-08 11:23:05
问题 I want to show the current value of chart into the pointer tool-tip, If there any way to add tool-tip please suggest, please check gauge screenshot 回答1: There is no built in method for this afaik. So you can use the kndoUI tooltip object like this: In the gauge config, I assign a unique CSS color to the pointer so I can easily query for the SVG element $("#gauge").kendoRadialGauge({ pointer: { value: $("#gauge-value").val(), color: "rgba(255,102,0,.999)" }, scale: { minorUnit: 5, startAngle:

Switch off / on Kendo UI grid editable mode

爷,独闯天下 提交于 2019-12-08 11:21:32
I am using a Kendo grid where grid's editable option needs to be switched on / off based some flag. Can somebody help that how can it be achieved. <button class="change-mode">Change Edit Mode</button> $('.change-mode').click(function(){ //Swit ched on /off here based on some flag //console.log($("#grid")); $("#grid").options.editable = false; }); Here is the jsfiddle If you are using the latest release of KendoUI (2014 Q3) you cannot change options directly but you can use setOptions . <button class="change-mode">Change Edit Mode</button> $('.change-mode').click(function(){ //Swit ched on /off

How to display only selected records in the result table

£可爱£侵袭症+ 提交于 2019-12-08 10:45:13
问题 There are two tables using the same source. These tables are using source binding of kendo templates. At present the source for both these tables are employees . Both these tables are displaying the same data. Now, we need to modify it to show only check-box selected records in the result table. Also, when user clicks on the delete button on the result table, the check-box should be un-selected in the section table. What modification do we need to do to make it work in MVVM ? Head <head>

Check / Uncheck Kendo Grid Columns Conditionally

六月ゝ 毕业季﹏ 提交于 2019-12-08 10:38:11
问题 I had a scenario where I need to hide/ show first column header in kendo grid based on two checkbox click. I tried the HideColumn functionality but it was not working. I later used the Hidden property and is working properly. But now i wanted to hide some more columns(second till fourth). I dont know how to access those columns. I tried all the techniques mentioned in this site but nothing helped(https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/showcolumn). Can someone help me

Kendo Grid Filter on a dynamic column

若如初见. 提交于 2019-12-08 09:45:56
问题 I am working on a Kendo Grid which has a Status column that is an aggregate of statuses of several other columns. I track the individual statuses as integer values and the aggregate column should show the least of the statuses. Now, using template, I am able to render the text for the Status column fine, however, the problem is that I want this column to be filterable. This is not working as the value is calculated. In DataSource, this is how I have declared the custom field, schema: { model: