kendo-ui

问题 If anyone of you have used kendo ui than can you please let me know how to add a new item dynamically in kendo combobox. I have tried searching on google and everywhere and my conclusion is that there is no such feature in kendo. For reference - JSBIN kendo link - here Thanks in advance. 回答1: As you probably know, there are two way to create a combobox (select and input). I was not able to add a new item dynamically using select (like your example). However, using the input and databinding,

问题 I am trying to load panelbar dynamically using datasource. Actually In the documentation I got information with using ajax only, so I have implemented like this, $.ajax({ type: "POST", url: '/Home/GetPanelInfo', contentType: "application/json; charset=utf-8", dataType: "json", success: function (json) { $("#panelBar").kendoPanelBar({ expandMode: "single", id: "usr_id", dataSource: [{ text: json[0].groups_name, expand: true, contentUrl: "/Home/Index" }, { text: json[1].groups_name, expand:

问题 I'm using Kendo grid in my application. When I try to resize a column in IE, all the other columns in the table disappear. This does not happen in Firefox or Chrome, just IE 9 and 10. Can someone please help on this as I'm breaking my head over this issue from a day? 回答1: The issue is with mixing percentages and px for your column width. One solution is to make sure you assign a specific width to EVERY column in your grid (120px). Do NOT use percentages, unless your parent has a specific

问题 Currently i have inline editing grid as in the following, I have drop down list in coloumn CStatusID, However, it does not selected value into when trying to save to database VIEW: @(Html.Kendo().Grid(Model) .Name("SList") .HtmlAttributes(new { @Style = "align:center; font-size:10px;" }) .Columns(columns => { columns.Bound(p => p.CCID); columns.Bound(p => p.CRN); columns.Bound(p => p.CStatusID).EditorTemplateName("CStatus "); columns.Bound(p => p.DateScheduled).Format("{0:MM/dd/yyyy}");

问题 Filtering a column by date range works nice with solution that i've found in SO How to define a Kendo grid Column filter between two dates? - proposed by MWinstead But " The only problem with this solution is that if you only select the End Date and apply the filter, the next time you open the filter menu, the Begin Date will get populated with the End Date you entered and the LTE operator will be selected, which will be changed by the jQuery code, resulting in a wrong filter " Question asked

问题 I am using a Kendo grid where grid's editable option needs to be switched on / off based some flag. Can somebody help that how can it be achieved. <button class="change-mode">Change Edit Mode</button> $('.change-mode').click(function(){ //Swit ched on /off here based on some flag //console.log($("#grid")); $("#grid").options.editable = false; }); Here is the jsfiddle 回答1: If you are using the latest release of KendoUI (2014 Q3) you cannot change options directly but you can use setOptions .

问题 I am using Kendo UI with ASP.NET Web API. There is a ProjectsController that has all the necessary methods. My issue is that when I click on Delete button, Kendo UI grid will raise remove() event, but DataSource never invokes transport.destroy . Rather, it seems that tansport.create is being invoked. In transport.parameterMap I can see that the operation is create instead of destroy . Here is a sample JavaScript code: $(document).ready(function () { var apiUrl = '/api/projects/'; var dataType

问题 In document ready i append div inside body and i am creating a kendo ui window and then inside that window append second div with creating kendo dynamic chart or kendo grid. When i create this things i'm loading data from AJAX and shows grid normally, but paging and column resizing is not working Can you help me on this situation? Here my code $(document).ready(function () { $.ajax({ type: 'POST', dataType: 'json', url: '../Home/GetChartsAndInformations', success: function (data) { for (i = 1

问题 I am having trouble with the Hierarchical Data Source in conjunction with the TreeView and nesting. The goal is to show a treeview with root items like "employees", "profiles" and sub items being the acutal items. So every root item is using a different data source. This is not working, as the root nodes are not expanding while the data source seems to load perfectly. Here's the code: $(document).ready(function() { var userProfileDataSource = new kendo.data.HierarchicalDataSource( { transport

问题 I'm using a Kendo alert and want to change the title of it. The default title is the url name, see link(image) below. I want to use my own title, how do I change this? Image Kendo alert The kendo alert: kendo.alert("mytext"); 回答1: I found a solution to change the title, I did the following: myalert("mytext"); function myalert(content) { $("<div></div>").kendoAlert({ title: "mytitle!", content: content }).data("kendoAlert").open(); } Result: Image Kendo alert custom title I hope this answer