kendo-ui

Data is getting but not populating in kendo grid using angular js

淺唱寂寞╮ 提交于 2019-12-13 03:38:08
问题 I am able to get the data from database but not populating in gridview. here is my code below: <div ng-app="app" ng-controller="MyCtrl"> <div kendo-grid k-options="gridOptions" k-rebind="gridOptions" k-pageable='{ "pageSize": 2, "refresh": true, "pageSizes": true }'></div> </div> <script> angular.module("app", ["kendo.directives"]).controller("MyCtrl", function ($scope, $http) { $scope.gridOptions = { columns: [{ field: "EmployeeKey" }, { field: "FirstName" }], dataSource: { //schema: { //

In the kendo-multiselect how to Show “+” icon to add a field

十年热恋 提交于 2019-12-13 03:36:57
问题 In my Angular app, I am using kendo-multiselect. What I am trying to achieve is: Select a value from dropdown and the click on + icon on the kendo-multiselect and then open a new page (based on the dropdown value). I have removed the default x icon from the multi-select, using [clearButton]="false", but I am unable to figure out how to show + icon at the same place! 回答1: You can use the <ng-template kendoMultiSelectGroupTagTemplate let-dataItems> in <kendo-multiselect> . HTML : <kendo

Net Core: Create TagBuilder for Kendo Telerik ScrollView

老子叫甜甜 提交于 2019-12-13 03:25:22
问题 I am trying to get Tagbuilder for Telerik ScrollView Component to work. Currently add Items is not working; it is not transmitting the image divs, and showing a blank page. How would I fix this? Enclosed is tagbuilder below. Am I missing variables or attributes ? Ideal Telerik code is transmitting div data-role page. My code is transmitting li class scroll-view-page, which are not the right items. My Test Code and HTML: public class ScrollViewTestTagHelper : ScrollViewTagHelper {

Include Kendo React with Script Tag

邮差的信 提交于 2019-12-13 03:23:33
问题 I am trying to develop with Kendo React in a .NET Web Forms application. It looks like Kendo distributes their packages as a variety of JavaScript modules -- the dist folder in their node packages contains the following four subfolders: cdn/js es npm systemjs I'm sure this is relatively painless to work with in some of the newer JavaScript systems, but I do not have access to utilities such as node.js to manage modules. I am trying to simply include a JavaScript file with a script tag, but so

kendo grid title change

别说谁变了你拦得住时间么 提交于 2019-12-13 02:59:39
问题 I am trying to change the title of the kendo grid. However when i do the below on change event the filtering doesn't work for that column. I have a sample code here to replicate the issue in jsfiddle: http://jsfiddle.net/nLn5b/4/ $("#change").on("click", function() { $("#grid th[data-field=FirstName]").html("<a tabindex='-1' class='k-grid-filter' href='#'><span class='k-icon k-filter'></span></a>MiddleName") }) var grid = $("#grid").kendoGrid({ dataSource: { data : createRandomData(10),

Kendo Grid Column title with red asterick to indicate required field

僤鯓⒐⒋嵵緔 提交于 2019-12-13 02:57:03
问题 I am using a kendo grid with multiple columns. But i need to display few columns with red asterick to indicate required filed. Can someone help me on this. <div id="failureTypeInfoGrid" style="width:100%;overflow-x:auto;"> @(Html.Kendo().Grid(Model.lstSerialData) .Name("serialGrid") .Events(e => e.Edit("onEdit")) .Columns(columns => { columns.Bound(c => c.UnitId).Hidden(true).ClientTemplate("#= UnitId #" + "<input type='hidden' name='SerialData[#= index(data)#].UnitId' value='#= UnitId #' />"

Kendo UI Grid Update unable to deserialize JSON into IEnumerable<ViewModel> results in ArgumentException Invalid JSON primitive

大城市里の小女人 提交于 2019-12-13 02:41:42
问题 I am using Kendo UI feature Grid and trying to implement batch Update functionality. Here is what I have done so far: $(document).ready(function () { ("#grid").kendoGrid({ dataSource: { type: "json", transport: { read: function (options) { $.ajax({ url: "IndicatorService.svc/GetIndicators/" + speedID, dataType: "json", success: function (result) { options.success(result); } }); }, update: function(options) { $.ajax({ type: "POST", url: "IndicatorService.svc/UpdateIndicators", dataType: "json"

Developing custom kendo ui widget

江枫思渺然 提交于 2019-12-13 02:27:23
问题 How can I develop a custom widget behaving like this sample: http://jsfiddle.net/anilca/u2HF7/ Here is my kickstart reading, but I could not find out how to define the templates of dropdownlists and link them together by change events. (function($) { var kendo = window.kendo, ui = kendo.ui, Widget = ui.Widget; var Editable = Widget.extend({ init: function(element, options) { var that = this; Widget.fn.init.call(this, element, options); that._create(); }, options: { name: "Editable", value: "

Extending kendo window breaks kendoWindow

非 Y 不嫁゛ 提交于 2019-12-13 02:09:40
问题 I am attempting to subclass Kendo Window. So far my subclassed Window is working. However, it breaks the close event for standard Kendo Window. When the close event is called the follow error is thrown Uncaught TypeError: Cannot read property 'options' of undefined . here is an example of what I'm trying to do. http://jsbin.com/IfoMOPU/6/edit?html,js,output What am I missing to fix this? 回答1: I believe this is a bug / design problem in Kendo UI. The only solution for now is to replace the

KendoUI - How to create controls at runtime based on user input?

心不动则不痛 提交于 2019-12-13 02:06:42
问题 Is there a way to create different type of controls in a KendoUI grid column at runtime? The scenario is, I have 2 columns in my grid. The first column displays a dropdown list which has the some strings like, 'Name', 'StartDate', etc. When user selects a value from it, I want to show an appropriate control in the 2nd column. If the user picks 'StartDate', I want to show the 'DateTime' control. Can you please let me know how to do this thru ASP.Net MVC 5 wrapper? Sample Code: @(Html.Kendo()