kendo-ui

Set the binding of a dropdown in knockout to an object

狂风中的少年 提交于 2019-12-11 09:33:14
问题 I am trying to trying to set a the binding a drop down list (kendo drop down) uses to a full object. I am using Knockout-Kendo to accomplish the binding but I don't think the kendo stuff or knockout-kendo stuff is a factor in my problem. For example I have the following object var model = { "Client": null, "Clients": [ { "CompanyAccount": { "RelationshipManager": {}, "CompanyAccountId": 1, "Name": "My Company Name", "PhoneNumber": "(555) 555-5555", "Address": { "State": { "StateId": 6, "Name"

How to add a tooltip based on a DropDown list with Kendo wrappers?

家住魔仙堡 提交于 2019-12-11 09:33:03
问题 DropDownList: @(Html.Kendo().DropDownList() .Name("ddlRoles") .OptionLabel("ACCOUNT TYPE") .HtmlAttributes(new { @class = "ddlRoles" }) .BindTo((IEnumerable<SelectListItem>)ViewBag.ApplicationRoles) ) ToolTip @(Html.Kendo().Tooltip() .For("#help-tooltip") .Position(TooltipPosition.Top) .Content("Hello") ) The content "Hello" I want it to base it on the item selected on ddlRoles 回答1: @(Html.Kendo().DropDownList() .Name("ddlRoles") .OptionLabel("ACCOUNT TYPE") .HtmlAttributes(new { @class =

Aurelia JS - Kendo UI vertical sliders with height in percent?

别说谁变了你拦得住时间么 提交于 2019-12-11 09:29:51
问题 I've taken a version of the code posted on Aurelia JS - iterate through children (kendo UI) elements? and modified it slightly, here: https://gist.run/?id=323de53223d2ec872f17361378639556 I would basically like to express that the vertical sliders should be 90% of the height of the enclosing div ; note that: If there is no CSS height: specification, the sliders get some height, and that is it If I set the CSS height (either via div.eqSlider in basic-use.css , or as an inline style attribute)

Give a Linear Gauge custom labels

旧巷老猫 提交于 2019-12-11 09:27:21
问题 I have a kendo linear gauge defined like this... $("#gauge").kendoLinearGauge({ pointer: { value: 4.5, shape: "arrow" }, scale: { majorUnit: 1, minorUnit: 1, max: 6, ranges: [ { from: 0, to: 1, color: "#ffc700" }, { from: 1, to: 2, color: "#ff7a00" }, { from: 2, to: 3, color: "#c20000" }, { from: 3, to: 4, color: "#FF0000" }, { from: 4, to: 5, color: "#00FF00" }, { from: 5, to: 6, color: "#0000FF" } ] } }); And this produces a gauge that looks like this... What I want to do is replace the

Kendo Grid - Child Navigation Binding Issues

爷,独闯天下 提交于 2019-12-11 09:06:34
问题 I am trying to call a web api method and return this data to a kendo grid and display this data in my grid. The model that is returned from my web api method has navigation properties that have other objects, and I am just trying to display these navigation elements in my grid using a kendo template. However, I am having problems with it not being able to detect that the navigation property exists, even though I can see it when I debug. //schema for my kendo data source schema: { data:

Changing the Start point in Stack Bar Chart

你说的曾经没有我的故事 提交于 2019-12-11 08:59:03
问题 I have came across the following implementation. http://jsfiddle.net/ao617j2j/1/ As a default stack bar chart starts from 0, however, what if I want to start from +200. Is it possible? categoryAxis: { categories: ["First Stock", "Second Stock", "Third Stock", "Fourth Stock", "Fifth Stock"], axisCrossingValues: [0, 0, 10, 10], }, 回答1: Did you tried to change the valueAxes.min value? valueAxes: [{ title: { text: "Dollar($)" }, reverse: true, min: 200, // Changed this from 0 to 200 max: 1600 }],

Uncaught TypeError: Cannot read property 'replace' of undefined

三世轮回 提交于 2019-12-11 08:49:59
问题 I'm new in using Kendo Grid and Kendo UI . My question is how can i resolve this Error Uncaught TypeError: Cannot read property 'replace' of undefined This is my Code on my KendoGrid $("#Grid").kendoGrid({ scrollable: false, sortable: true, pageable: { refresh: true, pageSizes: true }, dataSource: { transport: { read: { url: '/Info/InfoList?search=' + search, dataType: "json", type: "POST" } }, pageSize: 10 }, rowTemplate: kendo.template($("#rowTemplate").html().replace('k-alt', '')),

kendo-ui autocomplete extend

强颜欢笑 提交于 2019-12-11 08:48:46
问题 I'm trying to extend the kendo-ui autocomplete control: I want the search start when te user hit enter, so basically I've to check the user input on keydown event. I've tried to catch the keydown event with this code: (function($) { ui = kendo.ui, Widget = ui.Widget var ClienteText = ui.AutoComplete.extend({ init: function(element,options) { var that=this; ui.AutoComplete.fn.init.call(this, element, options); $(this).bind('keydown',function(e){ console.log(1,e); }); $(element).bind('keydown'

React Kendo UI TreeView throws 'kendo is not defined'

ぃ、小莉子 提交于 2019-12-11 08:41:18
问题 I am working on a React project with Kendo UI. I followed the steps from Kendo UI TreeView I have installed @progress/kendo-treeview-react-wrapper , @progress/kendo-ui and imported theme into my project using import '@progress/kendo-theme-material/dist/all.css'; When I use KendoUI buttons, everything is working, the functionality and theme are expected, but it throws below Error when use TreeView Uncaught ReferenceError: kendo is not defined at TreeView.componentDidMount (bundle.js:69556) at

Typescript: How to extend an existing interface in a globally declared namespace

☆樱花仙子☆ 提交于 2019-12-11 08:28:23
问题 I'm trying to extend an existing interface of KendoUI which comes from a definition file. With interface merging this is normally straight forward but the interface I'm going to extend is in a specific global namespace "kendo.ui" I'm ust trying to add "hideInEditor" propterty to the interface to the kendo.ui.GridColumn interface like this. namespace kendo.ui { export interface GridColumn { hideInEditor?: boolean; } } However, the compiler seems to have forgotten all about the orginal