kendo-ui

I have same problem as Daniel had in this topic, but his solution doesn't work for me: http://www.kendoui.com/forums/ui/grid/kendo-ui-grid-inserts-updates-create-duplicate-records.aspx#-jhxqRrNAUGsTFJaC-Ojwg So use-case. Users adds 2 new records one after another: Presses "Add new record" button of a grid Fills the fields (name="Alex", amount=10, comment="first"). Record one is ready. Press 'Save'. (data goes to controller and than to Database) User see one record in a grid Press "Add new record" button again Fills fields (name="Bob", amount=20, comment = "second"). Record one is ready. Press

I am using Kendo Ui Grid in my MVC application. I wish to display statistical data for multiple countries in my grid. The way I retrieve data from the database, my grid would show data a bit like the following: Country Area Population GDP GDP Growth India 3288000 1220200000 1.848 6.8 USA 9827000 314686189 15.09 1.7 But instead of the format above, I wish it show like the following: Country India USA Area 3288000 9827000 Population 1220200000 314686189 GDP 1.848 15.09 GDP Growth 6.8 1.7 How could I achieve this transposition? If any one will stumble upon this issues, most important you need to

Hi is there a way to make the kendodatepicker allow multiselect? so select more than one date and have them all stay highlighted? Update 08.2016 You can use my plugin to select multiple dates. Demo Old answer Still there is no official way to select multiple dates in DatePicker. However, with some help of jQuery you can achieve this functionality. HTML: <table> <tr> <td style="vertical-align: initial; padding-right: 100px;"> <input id="picker" /> </td> <td> <div id="calendar"></div> </td> </tr> </table> CSS: .k-state-selected { background-color: transparent; border-color: transparent;

I am using kendo menu in my project.I want to retrieve id value when i click on the selected item. I used onSelect event and I am able to retrieve the selected item Text.can u tell me how to retrieve the id value You can set an ID in the UL/LI structure from which you initialize it (check the Robotsushi's answer). However if you want to initialize the menu dynamically you can use something like this - http://jsfiddle.net/MMRCf/8/ You can use HTML5 data atrributes to accomplish this. HTML <div id="example" class="k-content"> <ul id="menu"> <li> First Item <ul> <li data-id="12345">Sub Item 1

Using the following code, Kendo Grid uses the string filter interface for t.Files.Count even though the type is an int . How can I force the grid to use the numeric filter UI instead? @(Html.Kendo().Grid<GJW_Site.Web.Models.TargetsModel>() .Name("grid") .Columns(columns => { columns.Bound(t => t.ID).Width(80); columns.Bound(t => t.OrbitalPeriod); columns.Bound(t => t.Files.Count); }) .Sortable() .Filterable() .DataSource(dataSource => dataSource.Ajax() .PageSize(20) .Read(read => read.Action("Targets_Read", "Targets")) ) .Resizable(o => o.Columns(true)) .ColumnMenu() ) Produces a filter menu

I have configured the kendo grid and configured all the table rows and header.When I click export button it is generating an excel file.But where the problem occur I don't know with same configuration I have done in IE there instead of generating file it was showing the data format in URL with data:application/vnd.ms-excel,<table><tr><th>OrderID</th><th>Freight</th>..... var grid = $("#grid").kendoGrid({ dataSource: { type : "odata", transport : { read: "http://demos.kendoui.com/service/Northwind.svc/Orders" }, schema : { model: { fields: { OrderID : { type: "number" }, Freight : { type:

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", placeholder: "Select product...", dataTextField: "ProductName", dataValueField: "ProductID", dataSource: {

I have a KendoTreeview with spriteclass. I want to highlight the nodes (root as well as child nodes) with my search term. I have implemented the search functionality. But the issue when i search it is highlighting the term in the nodes but missing the SpriteClass in the nodes after first search. Any idea ? jsFiddle code $('#search-term').on('keyup', function () { $('span.k-in > span.highlight').each(function () { $(this).parent().text($(this).parent().text()); }); // ignore if no search term if ($.trim($(this).val()) == '') { return; } var term = this.value.toUpperCase(); var tlen = term

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 when new row is added? Any help is welcome. Thank you! You should define a custom command in your toolbar

I have a Mvc with angular application. There are two layout files : Loginlayout: - Default layout MasterLayout: When click the Movie button , call the Movie Controller and Movie action. public ActionResult Movie() { return View(); } Its using mainlayout file: In Mainlayout file i have mentioned <script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js"></script> @Scripts.Render("~/bundles/bootstrap") <script src="https://code.angularjs.org/1.3.8/angular.js"></script> <script src="//kendo.cdn.telerik.com/2016.2.714/js/kendo.all.min.js"></script> <script src="https://code