or
@(Html.Kendo().Grid(Model) .Name("Grid") .HtmlAttributes(new { @style = "width:500px;" }) .Editable(editable => editable.Mode(GridEditMode.PopUp).DisplayDeleteConfirmation(true) .TemplateName("Grid") .Window(w => w.Title("Product") .Name("grdWindow") .Animation(true) .HtmlAttributes(new { @style = "width:500px;" }).Modal(true))) .Columns(column => { column.Bound(p => p.ProductID).Width(120); column.Bound(p => p.ProductName).Width(200); column.Bound(p => p.Color).Width(120); column.Command(command => { command.Edit(); command.Destroy(); }).Width(420); }) .Pageable(pager => pager.PageSizes(true).PreviousNext(true )) .Sortable() .Selectable() .DataSource(datasource => datasource .Server().PageSize(5) .Update("EditProduct", "Home") .Destroy("DeleteProduct", "Home") .Model(model => model.Id(p => p.ProductID)) ) )<div id="treeview"></div><div id="treeview2"></div><script> function MakeTreeview(parent, child) { var serviceRoot = "http://demos.kendoui.com/service"; homogeneous = new kendo.data.HierarchicalDataSource({ transport: { read: { url: serviceRoot + "/Employees", dataType: "jsonp" } }, schema: { model: { id: "EmployeeId", hasChildren: "HasEmployees" } } }); $(parent).kendoTreeView({ dataSource: homogeneous, dataTextField: "FullName", select: child != null ? function (e) { MakeTreeview(child, null); } : null }); } MakeTreeview("#treeview", "#treeview2");</script>// bind event for button
$("#btnShowMyTab").click( function(e) {
var tabstrip = $("#informationTabstrip").kendoTabStrip().data("kendoTabStrip");
var myTab = tabstrip.tabGroup.children("li").eq(2);
// activate fact tab
tabstrip.select(myTab);
});
The problem I am having is that for a split second, the tab I want to see shows up, but it is immediately replaced by whichever tab was open before I clicked the button. The open tab I want does not stay open.
Does anyone see anything wrong with my click event ?
Thank you,
Kim