This is a migrated thread and some comments may be shown as answers.

Deleting dynamic pageviews using Javascript

6 Answers 163 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

Babu Puchakayala asked on 27 May 2010, 04:06 AM

Hi,

I created dynamic tab creation application using telerik radstrip. I can delete the tabs that are creating dynamically using crossbar option. When i am deleting the tabs its just deleting the tabs but not pageview corresponding to the tab. I have tried to delete the pageviews but i am getting error like "Microsoft JScript runtime error: Object doesn't support this property or method" and pointing to

multiPage.get_pageViews().remove(pageView); code. Can anyone help me how to delete pageviews.

Thanks in advance.

Javascript code.

    
            <script type="text/javascript"> 
        
                    /* <![CDATA[ */
        
                    function deleteTab(tabText) {
        
                        var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
        
                        var multiPage = $find("<%= RadMultiPage1.ClientID %>");
        
                        var tab = tabStrip.findTabByText(tabText);
        
                        var pageView = tab.get_pageView();
        
                        var tabToSelect = tab.get_nextTab();
        
                        if (!tabToSelect)
        
                            tabToSelect = tab.get_previousTab();
        
                        tabStrip.get_tabs().remove(tab);
        
                        multiPage.get_pageViews().remove(pageView);
        
                        if (tabToSelect)
        
                            tabToSelect.set_selected(true);
        
                    }
        
                    /* ]]> */ 
        
                </script>

6 Answers, 1 is accepted

answered on 01 Jun 2010, 03:30 PM

Hi Peter,

Here is my C# Code. Let me know if you need anything.

    
            protected void Page_Load(object sender, EventArgs e) 
        
                { 
        
                    if (!Page.IsPostBack) 
        
                    { 
        
                        RadTab tab = new RadTab(); 
        
                        tab.Text = "Tab"; 
        
                        RadTabStrip1.Tabs.Add(tab); 
        
                        RadPageView pageView = new RadPageView(); 
        
                        RadMultiPage1.PageViews.Add(pageView); 
        
                        BuildPageViewContents(pageView, RadTabStrip1.Tabs.Count); 
        
                        RadTabStrip1.SelectedIndex = 0; 
        
                        RadTabStrip1.DataBind(); 
        
                    } 
        
                } 
        
                private void BuildPageViewContents(RadPageView pageView, int index) 
        
                { 
        
                    pageView.ID = "Page" + index.ToString(); 
        
                    pageView.Controls.Add(new LiteralControl(" <B>Page</B>" + (index).ToString())); 
        
                } 
        
                protected void Button1_Click(object sender, EventArgs e) 
        
                { 
        
                    RadTab tab = new RadTab(); 
        
                    tab.Text = string.Format("Page{0}", RadTabStrip1.Tabs.Count + 1); 
        
                    //RadTabStrip1.ID = "Tab" + RadTabStrip1.Tabs.Count;  
        
                    RadTabStrip1.Tabs.Add(tab); 
        
                    RadPageView pageView = new RadPageView(); 
        
                    pageView.ID = "Page" + pageView.Index.ToString(); 
        
                    //RadMultiPage1.ID = "page" + pageView.Index.ToString(); 
        
                    RadMultiPage1.PageViews.Add(pageView); 
        
                    BuildPageViewContents(pageView, RadTabStrip1.Tabs.Count); 
        
                    RadTabStrip1RadTabStrip1.SelectedIndex = RadTabStrip1.SelectedIndex + 1; 
        
                    RadMultiPage1.SelectedIndex = RadTabStrip1.SelectedIndex; 
        
                    RadTabStrip1.DataBind(); 
        
                } 
        
                protected void RadMultiPage1_PageViewItemCreated1(RadPageView view, int viewIndex) 
        
                { 
        
                    BuildPageViewContents(view, viewIndex + 1); 
        
                }

answered on 04 Jun 2010, 01:17 PM

Hello Babu,

The problem is with this code actually - var pageView = tab.get_pageView(); . Here pageView is null since there is no MultiPageID associated with RadTabStrip. To avoid the problem, please try the following modification to your code:

if (!Page.IsPostBack)

{

RadTab tab = new RadTab();

tab.Text = "Tab";

RadTabStrip1.Tabs.Add(tab);

RadPageView pageView = new RadPageView();

RadMultiPage1.PageViews.Add(pageView);

BuildPageViewContents(pageView, RadTabStrip1.Tabs.Count);

RadTabStrip1.SelectedIndex = 0;

RadTabStrip1.MultiPageID = RadMultiPage1.ID;

RadTabStrip1.DataBind();

}

Kind regards,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 10 Jun 2010, 09:36 AM

radtabstriptest.zip

Hello Babu,

I have attached a test page which shows that everything works correctly. Please, let me know if I am missing something.

Greetings,
Peter
the Telerik team