Reload Tab - Javascript

[Joao]

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

 

 

 ​

 

[Alexander Popov]

Hi Joao,

Providing additional parameters while reloading tabs is not supported out of the box. You could however, manually update the contentUrl before reloading the tab, as shown in this proof of concept example.

Regards,
Alexander Popov
Telerik