kendo-ui | 易学教程

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

阅读更多关于 How to set up popup position's anchor for element in kendo column template

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 it doesn't work. Every time, the popup display at the bottom right of the button in the first row, not

How to send data to the controller from the Kendo UI TreeView

阅读更多关于 How to send data to the controller from the Kendo UI TreeView

问题 I have two TreeViews, one has a list of countries, and the other is empty, now I want drag and drop selected countries into the second tree-view. I don't know how to send data to the controller from the TreeView and there is also some text field on the page in a form. So, how can I send both the form data and the TreeView's data to the controller. Here is the code for the second tree-view which is empty and I want to add the selected nodes to: @(Html.Kendo().TreeView() .Name("treeview-right")

Kendo grid: How to check all checkboxes of selected rows?

阅读更多关于 Kendo grid: How to check all checkboxes of selected rows?

问题 I am using the Telerik Kendo grid with MVC and C#. I have a grid, populated with some data and have added a checkbox column - used so that the user can select all. Now, when I check the "selectAll" checkbox, all checkboxes are checked (one for each row), as they should be. What I want to do: I want to be able to double-click on a row and have the chechbox check change - if it is unchecked, a dbl-click will check it and visa versa. Also, as the Kendo grid allows the user to select many

How to make scrollbar auto enabled or disabled in a Kendo grid?

阅读更多关于 How to make scrollbar auto enabled or disabled in a Kendo grid?

This is my code for creating the grid: @{ if (Model.GenericEntityList.Count > 0) { @(Html.Kendo().Grid(Model.GenericEntityList).Name(screenNames.ToString()).Columns( columns => { columns.Bound(a => a.ID).Title("<input id='checkAll' type='checkbox' />").ClientTemplate("<input type='checkbox' id=#=genericCheckbox(ID,ViewFlag)#").Width(7); columns.Bound(a => a.Name).Title(screen.ToString() + " Name").Width(93); } ).Selectable().Scrollable().DataSource( datasource => datasource.Ajax().Read(read => read.Action("CompSetHide", "Compset")) ).Events(a => a.Change("rowclick") ) .HtmlAttributes(new

Kendo ListView: cant refresh (reload) data

阅读更多关于 Kendo ListView: cant refresh (reload) data

Here is my ListView: @(Html.Kendo().ListView<Entity>() .Name("listView") .TagName("div") .ClientTemplateId("template") .DataSource(dataSource => { dataSource.Read(read => read.Action("Products_Read", "Home").Data("additionalData")); dataSource.PageSize(4); }) .Pageable() ) Here are javascript function that must reload data: var someData = "-1"; function reload() { // insure that function exists // alert( $("#listView").data("kendoListView").refresh) $("#listView").data("kendoListView").refresh(); } function additionalData() { return { someData: someData }; } I do all as written in

zone.js: 140 Uncaught TypeError: Cannot read property 'remove'

阅读更多关于 zone.js: 140 Uncaught TypeError: Cannot read property 'remove'

I am new to kendo ui. I developed prototype in my fiddle. delete confirmation window is working fine there. but when I integrate in my codebase I am getting error Cannot read property 'remove' at the line pai_to_delete.remove(); can you guys tell me how to fix it. providing my code below. updated -may be I did not explain you properly...how my ui looks is when I click a link a big popup opens with a grid...in that grid when i click a column a small popup with delete option opens up...when I click the delete option a confirmation window opens... - when I use native js confirm method it works

Kendo Multiselect value setting Bug

阅读更多关于 Kendo Multiselect value setting Bug

问题 I having this weird problem with kendo multiselect. <input id="addTags" /><br> <input type="button" onclick="fillaList();" value="fill List" /> <input type="button" onclick="clearList();" value="Init List" /> var list=[{label:'tag1', value:'1'}, {label:'tag9', value:'9'}, {label:'tag8', value:'8'}, {label:'tag7', value:'7'}, {label:'tag6', value:'6'}, {label:'tag5', value:'5'}, {label:'tag4', value:'4'}, {label:'tag3', value:'3'}, {label:'tag2', value:'2'}]; function fillData(tagIds){ var

Kendo Ui DataSource Add Function not working properly

阅读更多关于 Kendo Ui DataSource Add Function not working properly

问题 I defined a Kendo Data Source as below. It is populating values in a ListView. var datasourceAppList = new kendo.data.DataSource({ transport: { create: function(options){ //alert(options.data.desc); alert(options.data.desc); var localData = JSON.parse(localStorage.getItem("LsAppList")); localData.push(options.data); localStorage.setItem("LsAppList", JSON.stringify(localData)); //localStorage["LsAppList"] = JSON.stringify(localData); options.success(localData); }, read: function(options){ var

adding jquery validation to kendo ui elements

阅读更多关于 adding jquery validation to kendo ui elements

问题 I've looked at many posts on this and have it working to the extent that it does validate my fields when I add the following. $.validator.setDefaults({ ignore: [] }); The part I'm still missing is adding the input-validation-error class to notify the user. It is working fine for my other input elements (non-kendo). I've tried adding the class manually in $.validator.setDefaults as well but nothing seems to be working. Is there an example out there somewhere or has anyone gotten it to work? I

Kendo Ui Dropdownlist Set Visible via Javascript

阅读更多关于 Kendo Ui Dropdownlist Set Visible via Javascript

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... Lars Höppner 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"); dropdownlist.wrapper.hide(); // call wrapper.show() to make it visible again Try like this, $("#ddl")