当前位置：Gxlcms > asp.net > Coolite Cool Study 2 同时更新多个Tab

Coolite Cool Study 2 同时更新多个Tab

时间：2021-07-01 10:21:17 帮助过：17人阅读

当时用Coolite做测试遇到两个问题：

1. 传递给Tab的Url参数会莫名其妙的被添加上其他字符（到Coolite论坛上问了一下估计是bug）。正常情况下，google搜索url是这个样子：http://www.google.com/search?q=Hello 但因为Coolite在Tab的Url后面添加了某些字符，结果变成这样：http://www.google.com/search?q=Hellosfkjsdkfjskdf, 解决办法是把搜索Url设成这样形式：http://www.google.com/search?q=Hello&End=Y ，呵呵！！

2. 多个Tab同时加载页面引起冲突，导致后面加载的Tab页面有javascript错误。解决办法很简单，TabPanel的属性 DeferredRender="false" 就OK了。

完整代码：

<%@ Page Language=<span class="str">"C#"</span> %>
<%@ Register Assembly=<span class="str">"Coolite.Ext.Web"</span> Namespace=<span class="str">"Coolite.Ext.Web"</span> TagPrefix=<span class="str">"ext"</span> %>
<!DOCTYPE html PUBLIC <span class="str">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> 
  <span class="str">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span>>
<script runat=<span class="str">"server"</span>>  
  
  <span class="kwrd">protected</span> <span class="kwrd">void</span> Page_Load(<span class="kwrd">object</span> sender, EventArgs e)
  {
  }
  <span class="kwrd">protected</span> <span class="kwrd">void</span> UpdatePage(<span class="kwrd">object</span> sender, AjaxEventArgs e)
  {
    <span class="kwrd">string</span> keyWord = txtS.Text;
    <span class="kwrd">string</span> url;
    url = <span class="str">"http://www.google.com/search?q="</span> + keyWord + <span class="str">"&End=Y"</span>;
    tabDtlInfo.Load(<span class="kwrd">new</span> LoadConfig { Mode = LoadMode.IFrame, Url = url, NoCache = <span class="kwrd">true</span>, ShowMask = <span class="kwrd">true</span> });
    url = <span class="str">"http://cnweb.search.live.com/results.aspx?q="</span> + keyWord + <span class="str">"&End=Y"</span>;
    tabChgInfo.Load(<span class="kwrd">new</span> LoadConfig { Mode = LoadMode.IFrame, Url = url, NoCache = <span class="kwrd">true</span>, ShowMask = <span class="kwrd">true</span> });
    url = <span class="str">"http://www.flickr.com/search/?q="</span> + keyWord + <span class="str">"&End=Y"</span>;
    tabSmyInfo.Load(<span class="kwrd">new</span> LoadConfig { Mode = LoadMode.IFrame, Url = url, NoCache = <span class="kwrd">true</span>, ShowMask = <span class="kwrd">true</span> });
  } 
  
</script>
<html xmlns=<span class="str">"http://www.w3.org/1999/xhtml"</span>>
<head id=<span class="str">"Head1"</span> runat=<span class="str">"server"</span>>
  <title>Update 3 Pages</title>
</head>
<body style=<span class="str">"padding:15px,5px,5px,15px;"</span>>
  <form id=<span class="str">"form1"</span> runat=<span class="str">"server"</span>>
  <ext:ScriptManager ID=<span class="str">"ScriptManager1"</span> runat=<span class="str">"server"</span> AjaxViewStateMode=<span class="str">"Include"</span>>
  </ext:ScriptManager>
  <table  >
    <tr>
      <td  style=<span class="str">"padding:15px,5px,5px,15px;"</span>>
        Search:
      </td>
      <td style=<span class="str">"padding:15px,5px,5px,15px;"</span>>
        <ext:TextField runat=<span class="str">"server"</span> ID=<span class="str">"txtS"</span> Width=<span class="str">"300"</span>>
        </ext:TextField>
      </td>
      <td style=<span class="str">"padding:15px,5px,5px,15px;"</span>>
        <ext:Button ID=<span class="str">"btnTest"</span> runat=<span class="str">"server"</span> Text=<span class="str">"Search By Multi-Engine"</span> Icon=<span class="str">"Accept"</span>>
          <AjaxEvents>
            <Click OnEvent=<span class="str">"UpdatePage"</span>>
              <EventMask ShowMask=<span class="str">"true"</span> MinDelay=<span class="str">"500"</span> Msg=<span class="str">"Updating Page..."</span> />
            </Click>
          </AjaxEvents>
        </ext:Button>
      </td>
    </tr>
  </table>
  <ext:TabPanel runat=<span class="str">"server"</span> ActiveTabIndex=<span class="str">"0"</span> Border=<span class="str">"true"</span> Height=<span class="str">"500"</span> DeferredRender=<span class="str">"false"</span> >
    <Tabs>
      <ext:Tab ID=<span class="str">"tabDtlInfo"</span> runat=<span class="str">"server"</span> Title=<span class="str">"Google"</span> Height=<span class="str">"500"</span> Frame=<span class="str">"true"</span>  >
      </ext:Tab>
      <ext:Tab ID=<span class="str">"tabChgInfo"</span> runat=<span class="str">"server"</span> Title=<span class="str">"Live"</span> Height=<span class="str">"500"</span> Frame=<span class="str">"true"</span>>
      </ext:Tab>
      <ext:Tab ID=<span class="str">"tabSmyInfo"</span> runat=<span class="str">"server"</span> Title=<span class="str">"Filckr"</span> Height=<span class="str">"500"</span>>
      </ext:Tab>
      <ext:Tab ID=<span class="str">"tab1"</span> runat=<span class="str">"server"</span> Title=<span class="str">"AutoLoad_Google"</span> Height=<span class="str">"500"</span> Frame=<span class="str">"true"</span>>
        <AutoLoad NoCache=<span class="str">"true"</span> Mode=<span class="str">"IFrame"</span> ShowMask=<span class="str">"true"</span> Url=<span class="str">"http://www.google.com/search?q=Hello&End=Y"</span>>
        </AutoLoad>
      </ext:Tab>
      <ext:Tab ID=<span class="str">"tab2"</span> runat=<span class="str">"server"</span> Title=<span class="str">"AutoLoad_Live"</span> Height=<span class="str">"500"</span> Frame=<span class="str">"true"</span>>
        <AutoLoad NoCache=<span class="str">"true"</span> Mode=<span class="str">"IFrame"</span> Url=<span class="str">"http://cnweb.search.live.com/results.aspx?q=Hello&End=Y"</span>>
        </AutoLoad>
      </ext:Tab>
    </Tabs>
  </ext:TabPanel>
  </form>
</body>
</html>

PS: 这篇文章是用Windows Live Writer来写的，感觉效率高了很多，排版也好了，Cool， I like it！( – 。- !) 感觉有点卖广告味道～

Coolite Cool Study 2 同时更新多个Tab

人气教程排行