kendo-ui

Binding kendo ui grid columns headers to the scope in AngularJs

痞子三分冷 提交于 2019-12-25 12:47:15
问题 I'm using a kendo ui grid, and I want to bind the columns headers to a json file, instead of specifying it directly in the controller. I created a function that successfully retrieves the array from the json file, and populate the scope: function returnColumns(){ $http.get('app/data/headers.json') .then(function(res){ $scope.myHeaders = res.data; }); } returnColumns(); And in the grid's options I'm referring the columns to that variable in the scope: $scope.options = { dataSource: { type:

How to get selected value from Kendo-multiSelect?

余生长醉 提交于 2019-12-25 09:42:09
问题 How to get selected value from Kendo-multiSelect ? $("#doc").kendoMultiSelect({ value: , dataSource: { data: self.list() }, }); 回答1: Try var multiSelectedValues = $("#doc").data("kendoMultiSelect").value(); which will give result as ["1", "2","so on"] 回答2: The code below will get the values of the kendoMultiSelect. var doc= $("#doc").data("kendoMultiSelect").value(); 来源: https://stackoverflow.com/questions/42973914/how-to-get-selected-value-from-kendo-multiselect

Color out a row in Kendo Grid [duplicate]

余生长醉 提交于 2019-12-25 09:12:00
问题 This question already has answers here : Gray out a row in kendo grid based on column value (2 answers) Closed 3 years ago . I have a Kendo Grid whose values get populated based on a post call. I need to gray out an entire row if one of the column has a value "REGISTERED". Is there a way we can achieve this? Here is my code: $("#grid").kendoGrid({ columns: [ { field: "name", title: "Release Name" }, { field: "number", title: "Number" }, { field: "status", title: "Registration Status" } ],

Kendo Grid - Detail Template - DataSource Read is not firing the controller action

二次信任 提交于 2019-12-25 09:05:31
问题 App type: ASP.NET MVC with Kendo framework Problem Encountered: The detail template is not firing the controller action method. Please find the attached screenshot also. I checked it under the firebug window also, there is no ajax call to the controller action method "PublishedImportFiles_Read" . This is making me crazy and annoying. No error is thrown or shown for this anomaly. I guess i am missing something very small. Please help. MVC - View Code <div class="gapLeft gapBelow20" style=

Post additional data as list kendo multiselect read

不羁的心 提交于 2019-12-25 08:47:21
问题 I have a two kendo multiselect and i want my roles multiselect to sort of cascade from the other in a way that on the roles multiselect read i want to post a list of the values selected in my systems multiselect. This is what my roles multiselect looks like: @(Html.Kendo().MultiSelect() .Name("Roles") .DataTextField("Name") .DataValueField("Id") .Placeholder("Select roles") .DataSource(source => { source.Read(read => { read.Action("GetRoles", "UserAdmin").Data("additionalItemsGetRoles"); })

change cell styling in KendoGrid

丶灬走出姿态 提交于 2019-12-25 08:27:40
问题 Just discovered the KendoGrid and was trying to change the style of an individual column(cell) after changing another cellvalue. For example I have a grid with a shipname and shipcity column. Suppose I have a business rule that says : 'Make shipcity cell value disabled when the shipname on the same row has the same value' I found this sample which uses the blur event which I probably use, what would be a good way of implementing this rule? Also nice to know your opinion in relation to asp.net

Grid data isn't align with Grid header when tabbing through header columns

▼魔方 西西 提交于 2019-12-25 08:21:03
问题 when I tab through my kendo-ui grid in the header cells, I face the following issue: only the header columns are scrolled and not the content columns. See: grid with wrong aligned columns. To reproduce this issue I created a DOJO, see: http://dojo.telerik.com/OFORe/2 . Any ideas, how to get the content scroll with the header while tabbing? Btw when I use the horizontal scrollbar and scroll manually to the right, the columns are aligned correctly. Thanks, bizlina 回答1: the problem is, that

Kendo-ui tooltip in Angularjs

被刻印的时光 ゝ 提交于 2019-12-25 07:59:37
问题 I wrote a simple kendo-ui app, which displays a pie chart from JSON. I used AngularJS and i couldn't find a reference on how to display a tooltip when the user hovers on the chart. Coding snippet: <div kendo-chart k-title="{ text: 'DemoProg', position: 'bottom' }" k-series-defaults="{ type: 'pie' }" k-series="[{ field: 'solar', categoryField: 'year', padding: 0 }]" k-data-source="yearSource" k-series-hover="onSeriesHover" ></div> and i also found out in the official tutorial page, we can show

kendo ui form update cancel button

荒凉一梦 提交于 2019-12-25 07:30:04
问题 I am trying to a simple kendo ui form with 'Save' and 'Cancel' buttons. I am using the Kendo.Observable to bind the data to the form. The functionality I am trying to achieve is, if the 'Save' button is clicked, the form data will be saved. Else, if 'Cancel' is clicked the form will come back to read-only mode with the previous data that was present. To do this, I am first saving the model data in a 'originalvalue' property on click of Update button. If 'Cancel' is clicked, the 'fields' model

Kendo UI Grid Update button not firing

守給你的承諾、 提交于 2019-12-25 06:58:40
问题 I am developing a KendoUI Grid with Inline editable option in javascript and can't make Update button to fire click event and post the data to server side update event. Clicking on Update button won't even update the grid on client. Hope someone can help me point out what I am doing wrong here. This is not a duplicate to this as I have tired the jfiddle link in the answer and it is not working too. kendo UI grid update function wont fire <div id="grid"></div> @section Scripts{ <script type=