Problem with Grid inside tabstrip insert function

[Jack Ma]

Hi ,
   I have a tabstrip with each tab has a grid, there's a insert button on the top of the grid, the initial load of the tabstrip and grid is perfect, but while I click the insert button, there promopts a grand new page with the field spaces to be entered, what I mean is the add new item page should be inside the tab but not a whole white page.
   Inside the tab, the grid showing is using partial view.
   Can anybody explain this? Very appreciate!

Regards
Jack

[Jack Ma]

Nobody reply?
I'm using contentUrl to load the content in tab by partial view, below is the aspx file

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<OrganizationNavigationViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

    <h2><%=iNuggets.Resources.Globalization.MyOrganizationUserInRole%></h2>
<%
     Html.Telerik().TabStrip()
           .Name("TabStrip")
           .BindTo(Model.OrganizationNavigationData,
                   (item, OrganizationNavigationData) =>
                   {
                       item.Text = OrganizationNavigationData.Text;
                       item.ContentUrl = OrganizationNavigationData.ContenUrl;

                   })
           .SelectedIndex(0)
           .Render();

%>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>

and the partial view ascx file is

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<OrganizationUsersPartialViewModel>" %>
<%
    if (Model.OrganizationUsers != null)
    {

        Html.Telerik().Grid(Model.OrganizationUsers)
        .Name("OrganizationAdministrator")
        .ToolBar(commands => commands.Insert())
        .DataKeys(keys => keys.Add(c => c.ID))
        .Columns(columns =>
        {
            columns.Bound(c => c.UserName).Width(130);
            columns.Bound(c => c.Email).Width(130);
            columns.Bound(c => c.OrganizationRole).Width(130);
            columns.Command(commands =>
            {
                commands.Delete();
            }).Width("20%").Title(iNuggets.Resources.Globalization.Commands);
        })
        .DataBinding(dataBinding =>
        {
            dataBinding.Ajax()
            .Select("MyOrganizationUserInRolePartial", "MyOrganization", new { ActionName = "Select" })
            .Insert("MyOrganizationUserInRolePartial", "MyOrganization", new { ActionName = "Insert" })
            .Delete("MyOrganizationUserInRolePartial", "MyOrganization", new { ActionName = "Delete" });
        })

        .Pageable()
        .Sortable()
        .Render();
    }

 %>

the inital page loading is perfect, but once click the insert button, the content is not shown in the tab but instead shown in a grand new white page,  it seems that it missed the content placeholder, but how can I fix this?

Any reply, appreciate!

Regards
Jack

[Naresh kumar]

I also faced the same issue. Below highlighted resolves my issue. In my case I'm using ajax binding.

.ToolBar(commands => commands.Position(GridToolBarPosition.Top).Insert().ButtonType(GridButtonType.BareImage).HtmlAttributes(new { Href = "javascript:void(0);" }).ImageHtmlAttributes(new {style = "margin-left:0" })) 




When the grid try to load all the javascript in clientside by the time if you press insert button it will do the full postback instead of calling the javascript method.

The above line stops the postback always and it will work once the grid related javascript files loaded.



Thanks,

Naresh Kumar Murthy