kendo-ui

How to set up popup position's anchor for element in kendo column template

我的梦境 提交于 2019-12-22 04:51:54
问题 I use kenod UI to create my Web UI. I have a column template like below var template = "<input id='details-button' type='image' src='images/detail_button.png' ng-click='showDetals(this.dataItem)'/>#: Contact #"; I want to popup a window every time I click the details button, and the popup's position should be at the bottom right of the button which I click. Here's what I do currently var popup = $("#detailsPopup"); popup.kendoPopup({ anchor: "#details-button", origin: "bottom right", }); But

Kendo Ui Dropdownlist Set Visible via Javascript

和自甴很熟 提交于 2019-12-22 03:24:55
问题 I need to set kendo dropdownlist visible programmatically in javaScript. I had tried: dropdownlist=$("#ddl").data("kendoDropDownList"); dropdownlist.visible(false); dropdownlist.isVisible(true); dropdownlist.visible("false"); dropdownlist.isVisible("true"); etc... 回答1: One should always use the API docs to see the features of a widget. In this case, there is no API method for hiding a widget, but you can hide its wrapper element: var dropdownlist = $("#ddl").data("kendoDropDownList");

How to get AngularJS and KendoUI working in harmony?

孤者浪人 提交于 2019-12-22 01:17:36
问题 In stages, I setup my .Net MVC solution and ensured both Angular JS and KendoUI are working independently. app.js: var app = angular.module("app", ['kendo.directives']); and in my controller, I have the following defined: app.controller('contentTypesController', ['$scope', '$log', 'contentTypesRepository', function ($scope, $log, contentTypesRepository) { var a = {}; $scope.status; $scope.contentTypes; $scope.contentTypeOptions; // for testing purposes, but not used - used for navigation

kendo Grid DataSource with OData format = json

喜夏-厌秋 提交于 2019-12-21 21:38:44
问题 We've asp.net web api odata enabled service which supports variety of OData formats such as application/json;odata=fullmetadata This services is working great with WCF Data Service Client and JayData But our response seems not to be compatible with our kendo grid dataSource I've investigated the response and here is the difference: The demo of kendoUI site which is working fine has following response: "__count": "91" And the response content type is: text/javascript;charset=utf-8 You can see

kendo listView with checkbox along with select all checkbox option

大兔子大兔子 提交于 2019-12-21 19:53:00
问题 I am new to kendo UI implementation and am looking for a way to create a listview with checkbox, the very first checkbox being All Option to select all items in listview if it is checked. I have created a template that allows me to add checkbox to the items, But i need to add a ALL checkbox on top of all the data. this is what i have worked in so far, Below (screenshot) is what i would like to achieve. Here is my template: <script type="text/x-kendo-tmpl" id="myTemplate"> <div class="item

How to bind kendo mvc ui dropdownlist dynamically

时光毁灭记忆、已成空白 提交于 2019-12-21 17:52:10
问题 I am working on asp.net mvc with Kendo UI mvc. I have two kendo dropdown lists. one for list of clinics and another of list of patients in selected clinic. But there is no direct relationship between clinic and patient to use the cascading dropdownlist. for that i have used ajax calls in dropdownlist change event and get list of patients. and this is my first dropdownlist for list clinics @( Html.Kendo().DropDownList() .Name("ddlClinics") .Events(e=>e.Change("ChangeClinic")) .BindTo(new

KendoUI integration into Durandal JS

拟墨画扇 提交于 2019-12-21 17:39:48
问题 I'm building a phonegap application and plan to use Telerik's Kendo UI framework to generate the UI. Telerik Kendo UI already has an MVVM implementation and I'd like to use that and not include Knockout JS. Is this something that is supported, or is Durandal JS deeply integrated with Knockout? 回答1: Roger Gullhaug has written a blog post, detailing how Durandal can be used together with Kendo UI's data binding: Using Durandal and KendoUI together Also the official Durandal documentation

The Kendo UI directives require jQuery to be available before AngularJS with Kendo grid in routing template with Html5mode

隐身守侯 提交于 2019-12-21 14:59:09
问题 Why kendo load before Jquery in angular routing template with Kendo grid. I have ordered the scripts, while clicking any event through angular routing templates getting this error in console. Note: In page refresh, scripts loaded properly, the application works fine, not getting any error. Only occurred in event routing. kendo load before jquery why. order scripts : <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <script src="https://code.angularjs.org/1

How to show Kendo Grid's columnMenu using script

百般思念 提交于 2019-12-21 14:06:23
问题 The Kendo Grid has a really nice column context menu (aka: columnMenu) which you can access by right clicking on each column header. The menu is enabled by setting the field in the Kendo Grid to: columnMenu: true When the columnMenu is enabled, it displays the columns in the grid and allows you to show/hide columns, sort, and filter on them. However, we have a requirement to move this column menu outside of the grid and tie it to a button. So when the user clicks on a button, the column menu

Custom Delete Confirmation popup on Kendo Grid

落爺英雄遲暮 提交于 2019-12-21 12:58:37
问题 I have a Kendo grid where I need to customize the delete confirmation message box based on data in row being deleted. I have a customized general message as part of Grid configuration as below. editable: { confirmation: "Are you sure that you want to delete this record?", mode: "popup", template: kendo.template($("#popup-editor").html()) } I was looked at using the remove event handler, but that fires after the row has been deleted. 回答1: I am guessing you will need to do this manually. Simply