Coolite Cool Study 2 同時(shí)更新多個(gè)Tab

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:44:19

Coolite Cool Study 2 同時(shí)更新多個(gè)Tab

Coolite Cool Study 2 同時(shí)更新多個(gè)Tab: 當(dāng)時(shí)用Coolite做測(cè)試遇到兩個(gè)問題： 1. 傳遞給Tab的Url參數(shù)會(huì)莫名其妙的被添加上其他字符（到Coolite論壇上問了一下估計(jì)是bug）。正常情況下，google搜索url是這個(gè)樣子：http://www.google.com/searchq=Hello 但因?yàn)镃oolite在T

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀Coolite Cool Study 2 同時(shí)更新多個(gè)Tab: 當(dāng)時(shí)用Coolite做測(cè)試遇到兩個(gè)問題： 1. 傳遞給Tab的Url參數(shù)會(huì)莫名其妙的被添加上其他字符（到Coolite論壇上問了一下估計(jì)是bug）。正常情況下，google搜索url是這個(gè)樣子：http://www.google.com/searchq=Hello 但因?yàn)镃oolite在T

當(dāng)時(shí)用Coolite做測(cè)試遇到兩個(gè)問題：

1. 傳遞給Tab的Url參數(shù)會(huì)莫名其妙的被添加上其他字符（到Coolite論壇上問了一下估計(jì)是bug）。正常情況下，google搜索url是這個(gè)樣子：http://www.google.com/search?q=Hello 但因?yàn)镃oolite在Tab的Url后面添加了某些字符，結(jié)果變成這樣：http://www.google.com/search?q=Hellosfkjsdkfjskdf, 解決辦法是把搜索Url設(shè)成這樣形式：http://www.google.com/search?q=Hello&End=Y ，呵呵！！

2. 多個(gè)Tab同時(shí)加載頁(yè)面引起沖突，導(dǎo)致后面加載的Tab頁(yè)面有javascript錯(cuò)誤。解決辦法很簡(jiǎn)單，TabPanel的屬性 DeferredRender="false" 就OK了。

完整代碼：

<%@ 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 void Page_Load(object sender, EventArgs e)
 {
 }

 protected void UpdatePage(object sender, AjaxEventArgs e)
 {
 string keyWord = txtS.Text;
 string url;
 url = "http://www.google.com/search?q=" + keyWord + "&End=Y";
 tabDtlInfo.Load(new LoadConfig { Mode = LoadMode.IFrame, Url = url, NoCache = true, ShowMask = true });
 url = "http://cnweb.search.live.com/results.aspx?q=" + keyWord + "&End=Y";
 tabChgInfo.Load(new LoadConfig { Mode = LoadMode.IFrame, Url = url, NoCache = true, ShowMask = true });
 url = "http://www.flickr.com/search/?q=" + keyWord + "&End=Y";
 tabSmyInfo.Load(new LoadConfig { Mode = LoadMode.IFrame, Url = url, NoCache = true, ShowMask = true });
 } 
 
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
 <title>Update 3 Pages</title>
</head>
<body style="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="AutoLoad_Google" Height="500" Frame="true">
 <AutoLoad NoCache="true" Mode="IFrame" ShowMask="true" Url="http://www.google.com/search?q=Hello&End=Y">
 </AutoLoad>
 </ext:Tab>
 <ext:Tab ID="tab2" runat="server" Title="AutoLoad_Live" Height="500" 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>
</html>

PS: 這篇文章是用Windows Live Writer來寫的，感覺效率高了很多，排版也好了，Cool， I like it！( – 。- !) 感覺有點(diǎn)賣廣告味道～

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Coolite Cool Study 2 同時(shí)更新多個(gè)Tab

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽： cool tab study

熱門焦點(diǎn)

Coolite Cool Study 2 同時(shí)更新多個(gè)Tab

Coolite Cool Study 2 同時(shí)更新多個(gè)Tab

Coolite Cool Study 2 同時(shí)更新多個(gè)Tab

最新推薦

猜你喜歡

熱門推薦