Coolite Cool Study 2 Simultaneously update multiple tab_ practical tips

There were two problems with Coolite test:

1. The URL parameters passed to the tab will somehow be added to other characters (to the Coolite forum to ask for an estimate of bugs). Normally, the Google search URL looks like this:Http://www.google.com/search?q=Hello But because Coolite adds some characters after the tab URL, the result is this: HTTP://WWW.GOOGLE.COM/SEARCH?Q=HELLOSFKJSDKFJSKDF, the solution is to set the search URL in this form:http://www.google.com/search?q= Hello&end=y , hehe!!

2. Multiple tab loads the page at the same time causing the conflict, causing a JavaScript error to load the tab page behind. The solution is simple, TabPanel's property deferredrender= "false" is OK.

Complete code:

<%@ Page language="C #"%> <%@ Register assembly="Coolite.Ext.Web"Namespace="Coolite.Ext.Web"tagprefix="Ext"%> <! DOCTYPE HTML Public"-//w3c//dtd XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="Server">Protected voidPage_Load (Objectsender, EventArgs e) {}Protected voidUpdatepage (Objectsender, Ajaxeventargs e) {StringKeyWord = Txts.text;StringUrl URL ="Http://www.google.com/search?q="+ KeyWord +"&end=y"; Tabdtlinfo.load (Newloadconfig {Mode = loadmode.iframe, url = URL, NoCache =True, Showmask =True}); URL ="Http://cnweb.search.live.com/results.aspx?q="+ KeyWord +"&end=y"; Tabchginfo.load (Newloadconfig {Mode = loadmode.iframe, url = URL, NoCache =True, Showmask =True}); URL ="Http://www.flickr.com/search/?q="+ KeyWord +"&end=y"; Tabsmyinfo.load (Newloadconfig {Mode = loadmode.iframe, url = URL, NoCache =True, Showmask =True}); } </script> "Http://www.w3.org/1999/xhtml"> "Head1"runat="Server"> <title>update 3 pages</title> "PADDING:15PX,5PX,5PX,15PX;"> <form id="Form1"runat="Server"> <ext:scriptmanager id="ScriptManager1"runat="Server"Ajaxviewstatemode="Include"> </ext:ScriptManager> <table > <tr> <td style="PADDING:15PX,5PX,5PX,15PX;"> Search: </td> <td style="PADDING:15PX,5PX,5PX,15PX;"> <ext:textfield runat="Server"Id="Txts"Width="300"> </ext:TextField> </td> <td style="PADDING:15PX,5PX,5PX,15PX;"> <ext:button id="Btntest"runat="Server"text="Search by Multi-Engine"icon="Accept"> <AjaxEvents> <click onevent="Updatepage"> <eventmask showmask="True"mindelay="500"msg="Updating Page ..."/> </Click> </AjaxEvents> </ext:Button> </td> </tr> </table> <ext:tabpanel runat="Server"activetabindex="0"Border="True"height="500"Deferredrender="False"> <Tabs> <ext:tab id="Tabdtlinfo"runat="Server"title="Google"height="500"Frame="True"> </ext:Tab> <ext:tab id="Tabchginfo"runat="Server"title="Live"height="500"Frame="True"> </ext:Tab> <ext:tab id="Tabsmyinfo"runat="Server"title="Filckr"height="500"> </ext:Tab> <ext:tab id= "TAB1" Runat= "server" Title= "true" > <autoload nocache= "true" Mode= "IFrame" Showmask= "true" Url=" TAB2 "Runat= "autoload_live" Height= "+" Frame= "true" > <autoload nocache= "true" Mode= "IFrame" Url= http:// Cnweb.search.live.com/results.aspx?q=hello&end=y "> </AutoLoad> </ext:Tab> </Tabs> </ ext:tabpanel> </form> </body>        

PS: This article is written with Windows Live writer, it feels much more efficient, typography is better, cool, I like it! ( – 。 - !) Feel a little bit of advertising flavor ~