kendo-grid | 易学教程

How to add Custom Button in each row in Kendo Grid

阅读更多关于 How to add Custom Button in each row in Kendo Grid

问题 I am trying to add Custom Button to each row of Kendo Grid, but I am not getting the desired output.So my requirement is to add dynamic buttons to each row and on clicking on these button I need to process few thing for which I need few column values to be passed to that button click. I have tried something like @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => { columns.Bound(o => o.Id); columns.Bound(o => o.TBRId).Width(100).Title(UI_Resources.ListLabel_TBRId); columns.Bound(o =>

Give kendo datasource an angular scope variable

阅读更多关于 Give kendo datasource an angular scope variable

问题 I'm currently trying to fill a kendo grid with remote data. Kendo has its own function to fetch the data, but I want to use the angular factory which I created. So I have a factory, which has a function "getSkills". This function obtains all the skill objects from my api. angular.module('MyApp').factory('Factory', function ($resource) { return $resource('/api/v1/skills/', { }, { getSkills: { method: 'GET', isArray: true } }); }); In my SkillController in angular, I put these fetched skills in

Kendo UI Icons not displayed in Web browser control

阅读更多关于 Kendo UI Icons not displayed in Web browser control

I have a website developed using Kendo UI(kendoui.professional.2017.1.118.commercial). The Kendo icons(Grid Edit(k-i-edit) and delete command button icons and calendar control icons and grid pager icons, etc.) are not visible when i open my website in Microsoft Browser Control where as if i open the website in Internet Explorer browser the icons are displayed. Observed the following: I am using Windows Server 2012 R2 OS where the IE Enhanced Security Configuration is "ON". If i make this "OFF", able to see the icons in the Web Browser control. Is there any workaround to display the icons in

Kendo UI Icons not displayed in Web browser control

阅读更多关于 Kendo UI Icons not displayed in Web browser control

date changes on export kendoGrid

阅读更多关于 date changes on export kendoGrid

I have this table made with kendoUI, When user export the table to excel, all dates values change, the issue appears only in chrome, firefox works fine. You can try the runnable on this link var localData=[ {cliente:'COMERCIALIZACION',lote:1323,calidad:'PRIMERAS',fecha:'2017-07-07',sacos:10}, {cliente:'COMERCIALIZACION',lote:1324,calidad:'PRIMERAS',fecha:'2017-07-07',sacos:80},{cliente:'COMERCIALIZACION',lote:1325,calidad:'PRIMERAS',fecha:'2017-07-07',sacos:29}, {cliente:'COMERCIALIZACION',lote:1326,calidad:'PRIMERAS',fecha:'2017-07-07',sacos:5}]; The problem is most likely caused by

Kendo UI grid filters not working inside a bootstrap Modal

阅读更多关于 Kendo UI grid filters not working inside a bootstrap Modal

问题 I got this strange issue on Kendo UI grid. I have a grid which is filterable, but it is inside the modal. But the problem is when i Filter a column (Text column) i cannot type on the filter textbox. It is weird because in all browser it doesnt work. Here is my Example repro Jsfiddle Demo Here <div class="container"> <h3>Modal Example</h3> <div> <a href="#myModal1" role="button" class="btn" data-toggle="modal">Launch Modal</a> </div>  <div id="myModal1" class="modal hide"

How to sort numeric with string values in Kendo-Grid

阅读更多关于 How to sort numeric with string values in Kendo-Grid

问题 I am using Kendo-Grid which is having a column has values of both number & string (NA). Any idea how to sort them? 回答1: You can sort them using a custom compare function. Here is some sample code which will put items with 'N/A' on top: $("#grid").kendoGrid({ dataSource: [ { price: 1 }, { price: "N/A" }, { price: 20 }, { price: 2 } ], sortable: true, columns: [ { field: "price", sortable: { compare: function(a, b) { var x = a.price; var y = b.price; if (x == 'N/A') { x = 0; } if (y == 'N/A') {

Kendo Grid in Bootstrap 2 or 3 Modal - IE Filters do not work

阅读更多关于 Kendo Grid in Bootstrap 2 or 3 Modal - IE Filters do not work

Please check this out in IE (boot v2): http://jsbin.com/emuqazEz/22 Here is bootstrap 3 version: http://jsbin.com/emuqazEz/31 Here is the editable version: http://jsbin.com/emuqazEz/22/edit The filters do not work at all in any version of IE I have tested. It works fine however in Chrome or Firefox. Here is are the column settings and the datasource: columnsettings = [ "ProductName", { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "130px" }, { field: "UnitsInStock", title: "Units In Stock", width: "130px" }, { field: "Discontinued", width: "130px" } ]; var gridDataSource =

How to compare and display kendo dirty flag upon editing only if the old value and new value are different before saving the grid

阅读更多关于 How to compare and display kendo dirty flag upon editing only if the old value and new value are different before saving the grid

问题 In a kendo grid, in grid cell when I change a value kendo's dirty flag is displayed. But then when I click back to the same grid cell and change it to the previous value (already existing value) the dirty flag still appears. How can I check whether the value is similar to the previous value and not display the dirty flag before saving. Below is my code for kendo editable dropdown. function editCategoryDropDown(container, options) { var catObject = JSON.parse(ticketProjectCategoryObject.value)

Create another toolbar in kendo grid

阅读更多关于 Create another toolbar in kendo grid

I am using Kendo library for grid. I want to have a toolbar in that grid. I have followed this link - http://demos.kendoui.com/web/grid/toolbar-template.html and created a toolbar at the top I also want to add another toolbar at the bottom of grid. Below or above pagination bar. I could not find any way to create this extra toolbar. Please help. There are two ways of getting it: You let Kendo UI generate in the top and then you move it to the bottom You generate it to the bottom. The first approach is fast and if you don't need header toolbar is the best. Just add the following code: $("#grid)