I have a data of about 1000 rows, about a dozen columns wide that I am populating to a grid.  However the grid data looks all jumbled for a few seconds before the grid is transformed and formatted the way it should.  Is there anyway to hide or fix this?

Hi,

I have the following Tabstrip, that loads a partial view:

 <div id="tabs">
    @(Html.Kendo().TabStrip()
                        .Name("tabstrip")
                        .Items(tabstrip =>
                        {
                            tabstrip.Add().Text("Main").LoadContentFrom("AircraftMainTab", "Aircraft", new { id = 2 })
                            .Selected(true);
                        })
    )
</div>

I'm passing a value to filter the data the partial view gets.

Now I would like to reload this TAB, because the ID I pass is base on a selected Grid Row.

I can get the ID from the GRID, but don't know how to reload the partial view and pass the value from javascript.

<script type="text/javascript">
    function onChange(arg) {
        var model = this.dataItem(this.select());

        var ts = $(tabstrip).data().kendoTabStrip;

        ts.reload($(this));
    }
</script>

Thanks

JP

 ​

Hello,

I managed to connect to the database by refering to the following article: http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/ajax-editing
I am currently able to read, create, edit and delete table rows from my Azure SQL database.

Nevertheless, I still have a little problem dealing with that subject.

As soon as a modification is made (one row update for example) using that method, new rows are automatically created and they are based on
existing data before changes.
For example, I have a single row called "T1" in my datatable. After adding a second row called "Other", it automatically creates another
third row called "T1". As as result, I get 3 rows except of 2.

I have checked with some debugger and I have noticed that ​my creation method (called "FournisseursCreate" in the controller) is called twice once the "Update" button is clicked. But I don't handle KendoUI enough yet to point the reason out.

Have you ever heard about that ?​

I have attached the view and the controller I'm using.

Thank you for your help.

I'm will be using MVC 5.0 and entity framework 6.0.  I want to create a view where there are text fields, combo boxes on the top from a parent table.  Then beneath that, there is a grid with lines from a child table.  I want all of this to have a pager at the bottom, so that when you hit the arrow to go to the next parent record, it shows the child records that go with it in the grid.

What is the best way to do this w/Telerik controls (mvc server wrapper controls). 

Hi,

I have a ASP.Net MVC 2 project with Telerik MVC Extension. In it there is Grid that has DetailView to display another grid after clicking a plus sign. It works fine. But when converting the project to Kendo, I am surprise to find that there  is such feature in Kendo. DetailView  is an important feature. So I'd like to know how to implement DetailView in Kendo. Thanks.

York

Found an issue when displaying a list of items and deleting.   Kendo seems to be picking up on the “k-grid-delete” style and showing the confirmation correctly, but if I delete multiple rows(one at at time), the action name for the first delete call is missing from the URL.

For the first call and only for the first call it looks like “http://localhost:58501/Application/WholesaleLicense?permitApplicationId=d562e244-2093-488a-aec1-a4e300a72881” instead of “http://localhost:58501/Application/WholesaleLicense/Delete?permitApplicationId=d562e244-2093-488a-aec1-a4e300a72881”.

When calling delete the second time it works fine.  It doesn’t matter which row ​is deleted first​ so it’s not that the first row of the grid is somehow rendered differently.

Is there a fix for this?  See code below.  

@using (Html.BeginForm("IndexPost", "WholesaleLicense", FormMethod.Post, new { id = "ApplicationNavigationForm", Area = "Application" }))
{
    @Html.Partial("_NewApplicationProcessHeader", Model)

    <div class="panel-body">
        @(Html.Kendo().Grid<WholesaleLicenseDetailViewModel>()
              .Name("licenseGrid")
              .Editable(editable => editable.DisplayDeleteConfirmation("Are you sure you want to delete this item?"))
              .DataSource(datasource => datasource.Ajax()
                  .Read(read => read.Action("GetWholeSaleLicenseSummaries", "WholesaleLicense", new { permitApplicationId = @Model.HeaderViewModel.PermitApplicationId }))
                  .Destroy(x => x.Action("Delete", "WholesaleLicense", new { permitApplicationId = @Model.HeaderViewModel.PermitApplicationId }))
                  .Model(model => model.Id(x => x.WholesaleLicenseId)))
              .Columns(col =>
              {
                  col.Bound(x => x.WholesaleLicenseId).Hidden();
                  col.Bound(x => x.LicenseNumber);
                  col.Template(@<text></text>)
                      .ClientTemplate("<a class='blue-tableRowIcon glyphicon glyphicon-edit' href='" + Url.Action("Details", new { id = "#= Id #", permitApplicationId = Model.HeaderViewModel.PermitApplicationId }) + "'></a>" + Environment.NewLine
                          + "<div class='k-button-icontext k-grid-delete red-tableRowIcon glyphicon glyphicon-remove' ></div>"
                      )
                      .FooterTemplate("<a class='green-tableRowIcon glyphicon glyphicon-plus' href='" + Url.Action("Details", new { id = Guid.Empty, permitApplicationId = Model.HeaderViewModel.PermitApplicationId }) + "'></a>")
                      .Title("Action")
                      .Width(94);
              }))
    </div>
    @Html.Partial("_NewApplicationProcessFooter", Model)
}