Hi,

I have a very simple grid that binds to a object List collection property of my model:

@(Html.Kendo().Grid<ObjectBO>()
.Name("ObjectGrid")
.BindTo(Model.ObjectBOList)
.Columns(columns =>
{
columns.Select().Width(40);
columns.Bound(obj => obj.Id).Hidden();
columns.Bound(obj => obj.Description);
})

Whilst it displays and binds fine, the SELECT column only shows the "SELECT" checkbox in the column header (i.e. to select all rows) it does not show the individual checkboxes on the rows themselves against the items.

It works fine if I use the datasource property of the grid (rather than "BindTo")and get the same data via a datasource request, but this isn't really my preferred method because it will involve another DB call. I'd rather use the model collection,

Any ideas why this is happening?

Not sure if it's relevant, but the grid is displayed inside a Kendo Window shown modally.

Many thanks!

Hi!

I want to create a kendo grid with expandable detail grids, ie each master row will have an expand button which will create a detail row containing a new kendo grid with aligned columns. For this I use ClientDetailTemplateId. However, my problem is that the detail grids are always empty!

The view model used for each master row:

StateList should be used to initiate the detail grids. My template looks like this

I have found others with a similar problem that have solved this by using read.Action(), but I would really prefer it if I could pass the data through my view model instead. Thanks for your time!

Hello,

Anyone have any idea how to handle translation when you want to use data persistence?

Here, template helper + template kendo + kendo grid

Here, i save grid option

Here i add my template toolbar + template header + i manually apply the translations.

I see that the operation is not solid and I would like to find a more standard solution for the translation of the columns.

Thank you for your time.

I'm using the MVC Grid to allow users to search for items and add them to a BOM.  The grid currently has three columns, ItemNumber, Description, and a column with a ClientTemplate that calls an Action method and passes it the ItemNumber. 

I need to add a column that has an empty/unbound textbox that only accepts numbers so they can enter a quantity value that will also get passed to the Action method along with the ItemNumber. 

Am I going about this the best way?  Is there a better way?  How can I add a numeric only textbox and capture the value entered and pass it to an Action method along with the ItemNumber?

My grid is defined as:

Having spent may frustrating hours trying to solve this and now having found a solution, I thought that I would post my findings for the benefit of others.

Grid:

                    @(Html.Kendo().Grid<Models.Data.Database>
                                        ()
                                        .Name("grid")
                                        .Columns(columns =>
                                        {
                                        columns.Bound(p => p.Name).Title(language.TranslateSchema(Enums.Schema.ImportData_Database));
                                        columns.Bound(p => p.Legacy).Title(language.TranslateSchema(Enums.Schema.ImportData_Legacy)).Width(100);
                                        columns.Bound(p => p.TableCount).Title(language.TranslateSchema(Enums.Schema.ImportData_TableCount)).Width(100);
                                        columns.Command(c => c.Custom("Select").TemplateId("SelectTemplate")).Width(75);
        })
                                        .HtmlAttributes(new { style = "height: 450px; font-size: 12px" })
                                        .Scrollable()
                                        .Selectable(s => s
                                            .Mode(GridSelectionMode.Single)
                                            .Type(GridSelectionType.Row))
                                        .Pageable(pageable => pageable
                                            .Refresh(true)
                                            .PageSizes(true)
                                            .ButtonCount(5))
                                        .Sortable()
                                        .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .PageSize(20)
                                        .Model(model => model.Id(m => m.Name))
                                        .Read(read => read.Action("Utility", "Index", new { handler = "DatabaseRead" }).Data("AntiForgeryToken"))
                                        )
                    )
Template:

            <script type="text/x-kendo-template" id="SelectTemplate">
                <a class="btn btn-s-primary"
                   onclick="SelectRow(this)"
                   data-toggle="tooltip"
                   data-trigger="hover"
                   data-delay="{ show: 1000,hide: 0}"
                   data-placement="bottom"
                   role="button"
                   title="@language.Translate(Enums.Tooltip.Question_Text)">
                    <span class='glyphicon glyphicon-ok'></span>
                </a>
            </script>

Script:

    <script type="text/javascript">
        function SelectRow(e) {
            var grid = $("#grid").data("kendoGrid");
            var item = grid.dataItem($(e).closest("tr")[0]);
            if (item != null && item != "undefined") {
                $.ajax({
                    url: "/Utility/Index?handler=SelectDatabase&name=" + item.Name,
                    datatype: "json",
                    type: "GET"
                });
            }
        }
    </script>

Findings:

I scoured the web and tried many solutions based around 'grid.select()' to no avail. The main problem and the moment of enlightenment came when I clicked on the row before clicking the custom link. When you click on the row - that row is selected - when you only click on the custom link the row is not selected !

I believe that the Template and script is self explanatory but please note that the script passes an instance of the clicked link to the script (onclick="SelectRow(this)") and further when locating the data the use of the 0 index ($(e).closest("tr")[0])

I could not find any reference to this problem and only found the solution through many attempts and breakpoints !

I am sure that there is a better solution, and I would be really grateful if Support would comment and enlighten me !

Greetings Telerik

I have the following Grid which I fill from a DataTable, everything works fine but when I add .Events (events => events .Change ("onChange")) it doesn't load anything, could you please help me, thank you very much in advance.

@model System.Data.DataTable

@(Html.Kendo().Grid<dynamic>
          ()
          .Name("rgvListado")
          .HtmlAttributes(new { style = "height: 650px;" })
          .Scrollable()
          .ToolBar(t => t.Search())
          .Columns(columns =>
          {
            foreach (System.Data.DataColumn column in Model.Columns)
            {
              var c = columns.Bound(column.ColumnName);
            }
          })
          .Sortable()
          .Groupable()
          .Selectable(selectable => selectable
            .Mode(GridSelectionMode.Single)
            .Type(GridSelectionType.Row))
          .DataSource(dataSource => dataSource
            .Ajax()
            .Model(model =>
            {
              foreach (System.Data.DataColumn column in Model.Columns)
              {
                var field = model.Field(column.ColumnName, column.DataType);
              }
            })
            .Read(read => read.Action("ReadTable", "General"))
            .ServerOperation(false)
          )
          .Events(events => events
            .Change("onChange"))
          )

Greetings, I am wanting to fill a grid, with a json result, I do not use a model since this table is going to be loaded from data that its structure is not known, because it will be a general data window, I am trying to do the following but I can't show the content.

@(Html.Kendo().Grid<dynamic>()
          .Name("rgvListado")
          .HtmlAttributes(new {style = "height: 650px;"})
          .Scrollable()
          .ToolBar(t => t.Search())
          .Sortable()
          .Groupable()
          .Selectable(selectable => selectable
            .Mode(GridSelectionMode.Single)
            .Type(GridSelectionType.Row))
          .DataSource(dataSource => dataSource
            .Custom()
            .Type("odata")
            .Transport(transport =>
            {
              transport.Read(read =>
                read.Url("https://demos.telerik.com/kendo-ui/service/products")
                  .DataType("jsonp")
                );
            }))
          )

How do I display a content either in the DataSource property or from jquery?
How do I make the columns auto-generate?

thank you very much in advance, nice evening

I am using asp.net mvc kendo tools. I have a int property from my c# model side, see below:

public class MyModel

{

[Required]

public int MyIntField {get;set;

}

in the view side I am adding the column using Kendo Grid selector
...

.Columns(c => c.Bound(my=>my.MyIntField))

...

That field always shows with zero when an edit popup screen is called. How can I avoid that still keeping the automatic required UI validations and without messy changing the DOM directly using javascript?
I'm looking for a kendo selector solution or a c# attribute side solution. But maybe I am asking for too much.

thanks