kendo-ui | 易学教程

kendoUI grid popup edit template validation not picking up model validation rules

阅读更多关于 kendoUI grid popup edit template validation not picking up model validation rules

问题 When you click edit in a grid that is not using a template then the validation rules that you defined for the schema.Model get applied correctly. But if you use a custom template the schema.Model validation rules do not get applied. I suspect that the answer is that because I am using a custom popup edit template so that I can have a dropdown list, that I have to manually specify the rules for each html input field such as required. I so hope this is not true and that the same rules for

How do I change the Kendo alert title?

阅读更多关于 How do I change the Kendo alert title?

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"); 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 helps a lot of people with the same problem. you cannot change the Title it's possible to hide it using css:

Kendo Modules and RequireJS (r.js) not playing nice. (Error on loading)

阅读更多关于 Kendo Modules and RequireJS (r.js) not playing nice. (Error on loading)

问题 I am using Kendo UI version 2013.1.514 and RequireJS ( r.js version 2.1.6 ) My project runs perfectly under the standard RequireJS on-demand loading. However, when I try to use the optimizer, none of the Kendo will load. Including any of them gives the famous-and-irritation Uncaught Error: Mismatched anonymous define() module: error. This is my configuration: { "baseUrl": "../Scripts", "name": "../Scripts/js_modules/base_module.js", "include": [], paths: { k: "Frameworks/kendo-2013.1.514

Preventing editing a row in kendo grid?

阅读更多关于 Preventing editing a row in kendo grid?

问题 I am using kendo grid and while editing a row i am checking whther that row is editable or not.So how to make the selected row non editable if its not editable.I am doing the checking in edit function of grid. Code $("#grid").kendoGrid({ dataSource : ds, selectable : "multiple", sortable : true, filterable : false, reorderable: true, scrollable : false, toolbar : ["create"], columns: [ { field: "event", width: "120px", title: "Event Type"}, { field: "event_id", width: "120px", title: "Event

KendoUI: TabStrip HtmlHelper adding PartialVIews

阅读更多关于 KendoUI: TabStrip HtmlHelper adding PartialVIews

问题 Inside KendoUI in MVC 3, I need to add a partialview for each tab as that tab's content. How is this done, the docs don't seem to show a way. 回答1: @{ var partialData = Html.Partial("/Views/Templates/_p_myView.cshtml"); } @(Html.Kendo().TabStrip() .Name("Contents from partital") .Items(tabstrip => { tabstrip.Add().Text("Hello Partial") .Content(partialData .ToString()); }) ) 来源： https://stackoverflow.com/questions/14904859/kendoui-tabstrip-htmlhelper-adding-partialviews

Disable Kendo Autocomplete

阅读更多关于 Disable Kendo Autocomplete

问题 I have this Kendo Autocomplete code: HTML: <input id="faceUsers" type="text" placeholder="Search..." data-role="autocomplete" autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-autocomplete="list" aria-busy="false"> JS: $("#faceUsers").kendoAutoComplete({ dataTextField: "name", dataValueField: "name", template: '<img src=\"${data.picture.data.url}\" class="imguser" />' + '<h4 class="autotext">${ data.name }</h4>', filter: "contains",

Kendo grid Insert new record on the last page, last row position

阅读更多关于 Kendo grid Insert new record on the last page, last row position

问题 I'm using kendo grid in inline GridEditMode and GridInsertRowPosition set to bottom. Ajax is used for the data binding. Sorting is enabled and sorted by DateTime field. Page size is set to 10. To problem occur when there are multiple pages (more that 10 records). I have a javascript function that jumps to the last page and show new row at the bottom. But on some point sort event is triggered, and grid moves to read only mode. Is there a possibility to prevent Grid sorting only for the case

How to extend scheduler agenda view to include additional column

阅读更多关于 How to extend scheduler agenda view to include additional column

问题 I am using Kendo Scheduler control. By default it is showing "Date","Time" and "Event" in the "Agenda" view. How to extend scheduler agenda view to include additional column as shown in attached image? I tried templates as shown below. <script id="event-template" type="text/x-kendo-template"> <button class="edit-event" data-uid="#=uid#">Custom Column</button> <div>Notes: #: notes#</div> </div> </script> and in Kendo initialization,i added below code views: [ { type: "agenda", eventTemplate: $

Applying k-state-disabled class to text inputs - Kendo UI

阅读更多关于 Applying k-state-disabled class to text inputs - Kendo UI

问题 Here is my jsfiddle demo. <div id="example" class="k-content"> <div class="demo-section"> <p> <label for="products">Products:</label><input id="products" disabled="disabled" style="width: 300px" /> </p> <p> <label>Text:</label><input id="textboxtest" type="text" class="k-textbox" disabled="disabled" value="test" style="width: 300px" /> </p> </div> </div> <script> $(document).ready(function() { var products = $("#products").kendoComboBox({ cascadeFrom: "categories", filter: "contains",

Chrome//kendoUI/jQuery: Maximum call stack size exceeded

阅读更多关于 Chrome//kendoUI/jQuery: Maximum call stack size exceeded

问题 I am working hottowell template to create spa application and I am getting a nice error from jquery. Basically my problem start at the moment to try bind my view from viewModelBinder.js (from durandal library). viewModelBinder.beforeBind(obj, view); action(); viewModelBinder.afterBind(obj, view); at the moment to call beforeBind this code is executed (main.js of my own app) kendo.ns = "kendo-"; viewModelBinder.beforeBind = function (obj, view) { kendo.bind(view, obj.viewModel || obj); };