kendo-grid

问题 This is my kendo grid @(Html.Kendo().Grid(Model) .Name("grid1") .Columns(columns => { columns.Bound(p => p.Associate).ClientTemplate("<input id='assetcheck' name='assetcheck' type='checkbox' #= Associate == 'true' ? checked='checked':'' # class='chkbx'/>").Width(35).HeaderTemplate("<input id='checkall' type='checkbox' onclick='checkAll(this)'>").Filterable(false).Sortable(false); // columns.Bound(p => p.IsAttached).ClientTemplate("<input type='checkbox' #= IsAttached == 'true' ? checked=

问题 I have a kendo grid and my datasource data returns number with unknown decimal places. So I'm using a parse function on the datasource to compensate for that. DefaultMonoCPP: { editable: false, type: "number", parse: function(e) { return kendo.parseFloat(kendo.toString(e,"p4")); } } Now when I filter, I don't want it to automatically multiply the percentage by 100. So I have filterable set on the columns. { field: "DefaultMonoCPP", title: "Mono Cost", format: '{0:p4}', filterable: { ui:

问题 I am using edit, destroy buttons in kendogrid. These are rendered as buttons, but if I remove k-button class, these can be rendered as just icons. Is it possible to remove the k-button class from all these buttons? 回答1: Yes, I had the same issue a while back. How I achieved this was by defining a template for the command buttons. {"command": [ { "text": "Edit", "template": "<a role='button' class='k-button k-button-icontext k-grid-edit'><span class='k-icon k-i-edit'></span></a>" }, { "text":

问题 Hi I am using Kendo UI grid for showing the information on hierarchy model (parent child grid model) using mvc 4 . but I am not able to show the child grid when we click on the arrow mark in parent grid ... by uisng this reference hierarchy Grid Model and this is my view for the kendo UI grid ... @Scripts.Render("~/bundles/jquery") <script type="text/javascript"> </script> @model IEnumerable<Topco.TopMapp.MVC.Models.CostPageSearch> @{ ViewBag.Title = "Index"; } <h2>Index</h2> @using (Html

问题 I'm new with Kendo. I was trying to create a Kendo grid with data from a remote link My Code: var dataSource = new kendo.data.DataSource({ transport: { read: { url: "http://www.mocky.io/v2/53e1cd17aaabaeaa0bc9a8f9", dataType: "jsonp", //contentType: "application/json; charset=utf-8", } } }); $("#grid").kendoGrid({ dataSource: dataSource, pageable: true, height: 550, editable: "inline" }); Where the remote link return [{"metaId":1,"7":"A","3":"B","10":"C","18":"D","9":"E","5":"F","2":"G","27":

问题 I have data in the grid but after certain actions like (delete or add) i want to refresh grid , below i have method for delete that is deleting the row in Kendo grid. So i want to refresh grid once delete action is completed. How to achieve that task with below implementation... So far tried code.... main.html <div kendo-grid="topRiskGrid" options="topRisksOptions" ></div> main.ctrl $scope.topRisksOptions = topRiskGridConfig.getTopRisksGrid(); $scope.topRisksOptions.dataSource =

问题 Example I've been looking into getting this to work but so far instead of a dropdown I get and empty textbox which doesn't do anything. Below is my present code:- @section js { <script type="text/x-kendo-template" id="template"> <div class="toolbar"> <label class="category-label" for="external">Show checks by ex:</label> <input type="search" id="external" style="width: 230px"></input> </div> </script> <script type="text/javascript"> var theGrid; $().ready(function () { $('#listDiv').kendoGrid

问题 Is there a equivalent for below code in kendo grid: var gridCell = $('.grid-row-selected td.grid-cell[data-name= ' + columnName + ']'); Above code is for the mvc grid, where it automatically gives HTML tag on grid-row-selected on selecting a cell. 回答1: You can get the cell value from the model of a grid. Option 1: $("#grid").data("kendoGrid").dataItem("tbody tr[data-uid='0656dd82-93c5-4159-b4f1-ab62cddce133']").columnName; Here data-uid is the Unique Id of the row of the column which you want

问题 I am trying to change the title of the kendo grid. However when i do the below on change event the filtering doesn't work for that column. I have a sample code here to replicate the issue in jsfiddle: http://jsfiddle.net/nLn5b/4/ $("#change").on("click", function() { $("#grid th[data-field=FirstName]").html("<a tabindex='-1' class='k-grid-filter' href='#'><span class='k-icon k-filter'></span></a>MiddleName") }) var grid = $("#grid").kendoGrid({ dataSource: { data : createRandomData(10),

问题 I am using a kendo grid with multiple columns. But i need to display few columns with red asterick to indicate required filed. Can someone help me on this. <div id="failureTypeInfoGrid" style="width:100%;overflow-x:auto;"> @(Html.Kendo().Grid(Model.lstSerialData) .Name("serialGrid") .Events(e => e.Edit("onEdit")) .Columns(columns => { columns.Bound(c => c.UnitId).Hidden(true).ClientTemplate("#= UnitId #" + "<input type='hidden' name='SerialData[#= index(data)#].UnitId' value='#= UnitId #' />"