kendo-grid

KendoUI Grid row filter with dropdown for boolean

不想你离开。 提交于 2020-01-04 21:38:23
问题 The Filter basically works fine but, The select does not seem to fire the first selection this happens every time the filter is reset as well. I meddled with it for two days now... here is the Fiddle <script src="../content/shared/js/products.js"></script> <div id="grid"></div> <script> $(document).ready(function() { $("#grid").kendoGrid({ dataSource: { data: products, schema: { model: { fields: { ProductName: { type: "string" }, Discontinued: { type: "boolean" } } } }, pageSize: 20 }, height

How to display formatted HTML data in kendo ui grid column

我与影子孤独终老i 提交于 2020-01-04 18:19:06
问题 I have added columns in the kendo ui grid dynamically. I have a column named 'Formatted' with the data displayed in the below format. <div class="class1"> <div>This is <strong>bold </strong>text.</div> <div> </div> <div>This is <em>italics</em> text.</div> <div> </div> <div>This is a <a href="http://google.com/">hyperlink</a>.</div> <div> </div> <div>Bulleted list:</div> <ul> <li>Bullet #1</li> <li>Bullet #2</li> <li>Bullet #3</li></ul></div> I want the 'Formatted' column to display the data

Creating 2 child kendo grids at the same level

人走茶凉 提交于 2020-01-04 15:47:33
问题 I have a requirement to create 2 child kendo grids for a parent kendo grid. I know I can create one kendo grid using the detailInit and keep using that method for more levels of hierarchy. But the problem I need to solve is to have both the child grids as siblings. So, the structure needs to look something like this: Parent Grid 1 Child Grid 1 Child Grid 2 Parent Grid 2 Child Grid 1 Child Grid 2 I am not sure how to go about that. I am thinking, I can have some kind of a detail template with

Enable or disable kendo grid columns based on another column value

别来无恙 提交于 2020-01-04 13:12:21
问题 I have a kendo grid and I have a check box in it, which is rendered using the client template. If the checkbox is checked then I want the column adjacent to it enabled and if it's not checked then the column should be disabled that is the user should not be able to edit it or type into it. I tried doing it by binding an edit event to the grid but the edit event is called only when the grid goes to edit mode and the function is not called while making changes to the grid. Any guidance is

Kendo grid, ko binding, and access to row index

拈花ヽ惹草 提交于 2020-01-04 04:15:12
问题 I have a ko viewmodel, which I bind to a KendoGrid, using knockout-kendo.js I use rowTemplate, because I need some custom functionality in some columns (icon, links, etc) I need to do some custom functionality based on rownumber. When binding ko viewmodel directly, I can use foreach binding and in the row template I have the $index which gives me the current row number. How can I get the same thing when the viewmodel is bound to a Kendo Grid? Thank you 回答1: Currently there is no built in

How to set column width to autofit in Kendo Grid MVC

做~自己de王妃 提交于 2020-01-04 03:18:11
问题 I use to my page of Kendo grid that have multi columns. I want set a column width to autofit and change width automatically. Plz help me , thanks @(Html.Kendo().Grid<GardeshKar.Models.v_marhaleh_marahel>() .Name("grdMarahel_Gardeshkar") .ToolBar(toolbar => toolbar.Custom().Name("btnAddMarhaleh").Text("اضافه").HtmlAttributes(new { id = "btnAddMarhaleh", href = "#" })) .Columns(columns => { columns.Bound(c => c.Code).Width(50).Title("کد"); columns.Bound(c => c.Desc).Width(150).Title("شرح");/

How to set list as kendo grid datasource in javascript?

Deadly 提交于 2020-01-03 05:42:08
问题 I have a modelview list and want to set this list as kendo grid datasource in a kendo window . Ajax $.ajax({ url: '@Url.Action("KatildigiKurslar", "Tanim")', type: 'POST', dataType: "json", data: { kursiyerId: kursiyerId}, success: function (result) { var kurslar =result.kurslar; //----------I've tried like this but not working ----------------// var dataSource = new kendo.data.DataSource({ data:kurslar }); $('#GridKatildigiKurslar').data("kendoGrid").setDataSource(kurslar); $("

Kendo UI validator fails in grid (message doesn't dissapear)

旧时模样 提交于 2020-01-03 04:34:33
问题 I have to validate some data in kendoUI grid widget. Seems there is a bug in validator component. Steps to reproduce: 0. Open and run http://jsfiddle.net/Upw9j/2/ here's the code (some part is missing here due to SO limitations): $(document).ready(function () { var crudServiceBaseUrl = "http://demos.telerik.com/kendo-ui/service", dataSource = new kendo.data.DataSource({ transport: { read: { url: crudServiceBaseUrl + "/Products", dataType: "jsonp" }, update: { url: crudServiceBaseUrl + "

jquery returns an error after i make changes to Kendo UI Grid Data

帅比萌擦擦* 提交于 2020-01-02 22:01:30
问题 I have a Kendo Grid that I use to return a Grid that has check boxes in each rows. The purpose of those check boxes is to add the Balance amount of each row that has a checked check box and process the total Balance amount after I press a button. Here is how I do it: function getData() { return [ { accountNumber: "28495", transactionNumber: "2440", TransType: "INV", TransReferenceNumber: "11867115", transactionDate: "6/18/2013", transactionDebitAmount: "1920.20", openBalance: "1920.20",

How to bind JSON child array to Kendo grid

ε祈祈猫儿з 提交于 2020-01-02 09:53:12
问题 Let´s say I have the following JSON data, which is the response data of an HTTP service call... { [ "container" : [ { "category" : "default", "items" : [ { "name" : "item-1" }, { "name" : "item-2" } ] } ] ] } I want to bind the items array to the Kendo UI Grid, so I defined the following data source... var dataSource = new kendo.data.DataSource({ transport: { read: { url: "http://...", dataType: "jsonp", data: { Accept: "application/json" } } }, schema: { model: ??? } }); I´ve absolutely no