update existing tab

[idrissb]

hi

I was wondering if we can suggest best way to do this. I am using following code
Say I have created some tabs and now for one tab I would like to update/refresh an existing tab. Should I add some code to the Javascript function below or is it something I should do in the .ashx file. Is it possible to update the tab or I should remove the tab and then add it again.

var hlClick2 = function(href, id, curpanel) {


var tab = CenterPanel.getComponent(id);


if (tab) 


{


CenterPanel.setActiveTab(tab);


} else {


Ext.Ajax.request({


url: 'URLLoader.ashx',


success: function(response) { eval(response.responseText); },


failure: function(response) {


Ext.Msg.alert('Failure', 'Can not load current tab:\n' + response.responseText);


},


params: { id: id, url: href, tabId: CenterPanel.id, currentpanel: curpanel }


});


}


}

[georgelanes]

Hi,

try to use an DIV to do this.

example:

1 - JavaScript function to update the div

<script type="text/javascript">

    var addhtml = function(tab, sUrl) {
    var div = &#100;ocument.getElementById("divTab2");

    if (div) {

        var str_html = "<iframe width='100%' height='100%' src='" + sUrl + "' frameborder='0'></iframe>";
        div.innerHTML=str_html
        tab.show();

    }

    }
</script>

2 - Html tab souce code

....


<ext:Button Text="Teste" runat="server" ID="Button1">
    <Listeners>
        <Click Handler="addhtml(#{Tab2},'test.aspx');" />
    </Listeners>
</ext:Button>

....

<ext:Tab ID="Tab2" runat="server" Title="Tab2" BodyStyle="background-color: transparent;">

<Content>

    <div id="divTab2" style="width: 100%; height: 100%">
    


</Content>

</ext:Tab>

....

This will recreate the div content.

[idrissb]

thanks. I will try that.
idriss