kendo-grid

问题 ui grid, I am trying to apply custom styling to specific component(i want to change font size for that specific component), but when i write css code in that particular components css file, and after loading that component that style is getting applied to all the other components also following is the code in css file .k-grid td { font-size: 10px !important; } .k-grid tr { font-size: 10px; } code in ts file @Component({ selector: 'app-work-request-queue-child', templateUrl: './work-request

问题 I have a kendo grid, like this: @(Html.Kendo().Grid<SDB.Models.NettoVergelijking.Dienstverband>() .Name("overzicht-grid") .AutoBind(false) .Columns(columns => { columns.Bound(d => d.Naam).Title("Medewerker").ClientTemplate("<span title='${Naam}'>${Naam}</span>").Width(300) .Filterable(f => { f.Extra(false); f.Operators(op => { op.ForString(str => { str.Clear().Contains("Bevat"); }); }); }); columns.Bound(d => d.Contractvorm).Title("Contractvorm").ClientTemplate("<span title='${Contractvorm}'>

问题 I've been trying to get the Kendo UI grid to act as a user management tool in a system I'm currently writing. I've bound data to the grid, using ASP.NET Identity to get the user information, but I can't seem to get the update or delete actions to fire on the grid. I've set the grid up as below: @(Html.Kendo().Grid<MyProject.Models.UserInfo>() .Name("userGrid") .Columns(columns => { columns.Bound(p => p.UserName); columns.Bound(p => p.FirstName); columns.Bound(p => p.LastName); columns.Bound(p

问题 I'm using a Kendo Grid, with Server Side Filtering, Sorting and Pagination. This my code for initializing the Grid: In this code Server side pagination and virtual scroll is working but filtering and shorting is not working. In any request, I am getting this type of request parameters. [HttpPost] public JsonResult getGridData([DataSourceRequest] DataSourceRequest request) { var userList = data; return Json(userList.ToDataSourceResult(request)); } $("#grid").kendoGrid({ dataSource: { type:

问题 I have a Kendo UI Grid, which contains four columns: Highlight MAC Time Message The Highlight column can contain the values "yes" or "no", and this column is hidden. I need to create a row template that will highlight (change the color or something) the row if the value is yes. 回答1: You can apply condition in Row Template, Try Something like below $("#grid").kendoGrid({ dataSource: ds, rowTemplate: '<tr class="#:Highlight ==\"Yes\"? \"red\" : \"white\"#" data-uid="#= uid #"><td>#: MAC #</td>

问题 I have an editable Kendo Grid that may have a column with a checkbox to change a boolean value. I have used this solution proposed by OnaBai that is working perfectly! The only problem is that the checkbox value change is too slow. When user clicks it, it takes about 1 second to change. I realize that the dataItem.set() method is responsible by this delay. My grid has a considerable amount of data. About 30-40 columns and 300+ lines. It is defined as follows: $("#mainGrid").kendoGrid({

问题 This is my div but it outside kendo grid <div> <div id="qrUrl"></div> </div> This is my kendo grid field columns: [ { field: "Id", }, { title: "QrCode", width: 300, template: function(dataItem) { $(#Qrurl).kendoQRCode({ value: "www.google.com"+ dataItem.Id, errorCorrection: "M", size: 120, border: { color: "#000000", width: 5 } }); } In this situation my Qrcode generated outside grid with uniq (url+id ) but i want to this all qrcode in my kendo grid. i tried servel time this and another code

问题 I am trying to manage server side paging but my paging for kendo grid is always 0. My Code is : Index.cshtml <div ng-controller="telerikGridController"> <div id="grid" kendo-grid k-options="mainGridOptions"></div> </div> ASP.NET MVC JsonResult: Data Returned by Above JsonResult is : AggregateResults: null Data: [{DeptId: 1, DepartmentName: "Information Technology", Country:"Pakistan", City: "Lahore",…},…] 0: {DeptId: 1, DepartmentName: "Information Technology", Country: "Pakistan", City:

问题 kendo inline cell edit not support for datetime format. I need "dd/MMM/yyyy" data format but kendo grid shows "the filed date must be a date" error. can you please advice me to what to do 回答1: You can use a custom editor to do this. References: Grid Custom Editing DatePicker.format Date Formatting The code would look something like this (not tested, but it should be close enough to give you the right idea): var customDateEditor = function (container, options) { $('<input />') .appendTo

问题 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