kendo-ui

Reverse Y axis in ScatterLine- Kendo-UI

不羁岁月 提交于 2019-12-25 06:58:07
问题 I could able to display two scatter lines on the chart. However, I would like to reverse Y axis. Even though I implemented following line, but it does not work based on the http://www.telerik.com/forums/valueaxis-change-direction-of-y-axis-reverse valueAxis: { reverse: true, }, http://jsfiddle.net/3yhbyy2g/3/ 回答1: Here is the full solution and jsfiddle:http://jsfiddle.net/3yhbyy2g/9/ The key part of the solution is to approach each axis (x and y). and add reverse:true to the y axis. function

Legend Customization

╄→гoц情女王★ 提交于 2019-12-25 05:35:38
问题 I would like to know how to remove padding between Path2 and Path3 since legend.label.padding is applied to all of them. legend: { visible: true, labels: { padding: 10} }, series: [{ name: "Path1", data: stats, markers: { visible: false, color: 'red' } }, { name: "Path2", data: stats2, markers: { visible: false },{ name: "Path3", data: stats2, markers: { visible: false, color: 'blue' } }], http://jsfiddle.net/3yhbyy2g/69/ 回答1: The easiest way is to manually select this element in js and set

Bind Data to dropdown in MVC and Entity Framework

梦想的初衷 提交于 2019-12-25 05:14:11
问题 As of now, dropdown is like this. I want to populate options from database instead of typing. How to do this ? We are using Kendo UI. <td> <label for="ln" class="lblTask">Type</label><br /> <select name="type" data-bind="value:type" style="color:black"> <option>CM</option> <option>CTA</option> <option>ESP</option> </select> </td> 回答1: try this: In view @Html.DropDownListFor(a => a.SelectedItem , Model.Item) In Model public class Items { List<SelectListItem> itemList = new List<SelectListItem>

how to open a JSP page in popup editor using kendo UI

Deadly 提交于 2019-12-25 04:45:36
问题 I am using Kendo-UI with JSP-wrapper ( <kendo:grid> ) . I have two JSP pages Employee.jsp & EmployeeDetails.jsp .the sample code for employeeDetails.jsp is given on Kendo Grid using JSP wrapper EmployeeDetails has a grid with editable_mode =popup.which is working fine.But since in Employee.jsp we have a lots of data so the popup window is very large and hard to maintain. the output what i wanted is the popup should comes in two row with custom style sheet instead of default one row and Keno

Format of date selected from Kendo DatePicker Inside Kendo Grid

一个人想着一个人 提交于 2019-12-25 04:42:01
问题 I have kendo grid that i generated through Jquery. I have a date column inside it which is editable . Editing is happening properly , the problem is with formatting of data once I select the date in the datapicker. Grid: divSearchGrid.kendoGrid({ dataSource: { transport: { read: function (options) { $.ajax({ type: "POST", url: urlSearch, data: paramsSearch, contentType: "application/json; charset=utf-8", dataType: "json", success: function (result) { var data = result.d; if (data != null) {

how do I get the ID of the selected row from the detailInit, then collapse the detailInit and place that selected data into the parent grid?

天涯浪子 提交于 2019-12-25 04:18:21
问题 I have a heirical kendo grid being used in my main grid, my question is that how do I get the ID of the selected row from the detailInit, then collapse the detailInit and place that selected data into the parent grid? My grid looks like this function TheCatalogGrid(catalogData) { $("#CatalogGrid").kendoGrid({ dataSource: { data: catalogData }, columns: [ { field: "globalGroupID", title: "Group ID", hidden: true }, { field: "globalGroupLevel", title: "globalGroupLevel", hidden: true }, { field

Get the object bound to item in Kendo ListView

天涯浪子 提交于 2019-12-25 04:09:13
问题 I have a kendoListView which is bound to a list of objects having a number of fields. <div id="lstAllItems"></div> <script type="text/x-kendo-tmpl" id="itemTemplate"> <div> <label><input type="checkbox"/>#: Name#</label> </div> </script> <script> var itemsList = [{Name : "ABC", Age : 23, EmpID : 1}, {Name : "PQR", Age : 25, EmpID : 2}, {Name : "XYZ", Age : 23, EmpID : 3} ]; var _dataSource = new kendo.data.DataSource({ data: itemsList }); $("#lstAllItems").kendoListView({ dataSource:

kendo ui RTL and LTR issue in chrome and safari browsers

≡放荡痞女 提交于 2019-12-25 03:59:04
问题 This dojo http://dojo.telerik.com/AfeNi/8 has been thankfully provided by David Shorthose for toggling between RTL and LTR directions in Kendo UI widgets. It works without problems on Firefox. On Chrome and Safari, after the first button click, the form and the text inside it does not change the direction. Although this, browser's console does not show any errors. Is there are any workarounds to work without problems in Chrome and Safari? <!DOCTYPE html> <html> <head> <meta charset="utf-8">

Kendo grid with DropDown in column has messed up styling

风流意气都作罢 提交于 2019-12-25 03:48:21
问题 I've hooked up a DropDown editor inside a Grid column, and I've followed the Kendo example here : http://demos.telerik.com/kendo-ui/grid/editing-custom I actually do have the downdown editor working in Add/Edit mode, and with the DataSource binded to it. However, I can't figure out why the styling is all messed up. As you can see in the below image, the dropdown is rendered but there is also an text box rendered just below it. All appears to be styling fine in my plunker example, http://plnkr

Error in Kendo ui controls with Angular 6

柔情痞子 提交于 2019-12-25 03:18:13
问题 I have created project in Angular 6. In that project at first i have successfully installed @progress/kendo-angular-dateinputs using npm install then project was building successfully. After running ng-serve , following error occurs: node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(2,37): error TS2307: Cannot find module '@progress/kendo-angular-l10n'. node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(3,29):