Coolite Cool Study 2 同时更新多个Tab_实用技巧

 
 

当时用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="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!( – 。- !) 感觉有点卖广告味道~

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索tab
, Coolite
同时更新
coolite、coolite.ext.web、coolite toolkit 官网、coolite grid、coolite 合并单元格,以便于您获取更多的相关知识。

时间: 2024-09-15 20:17:49

Coolite Cool Study 2 同时更新多个Tab_实用技巧的相关文章

动态组合SQL语句方式实现批量更新的实例_实用技巧

Default.aspx 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w

MVC4制作网站教程第四章 更新栏目4.3_实用技巧

序  一.用户  二.用户组  三.栏目3.1添加栏目 3.2浏览栏目  3.3更新栏目  上次在树形列表里面点击栏目名称后跳转到详细信息页面~/Category/ManageDetails/id.在详细页面里点修改,来完成栏目资料修改.  先打开[CategoryController]添加[ManageDetails(int id)]action  /// <summary> /// 栏目详细资料 /// </summary> /// <param name="i

asp.net自动更新组件分享_实用技巧

一. 摘要 前两天在博客上发布了一篇英文的自动更新组件文章Release a AutoUpdater tool,那么在这篇文章中,我们也对其功能进行一些简单说明,这个组件非常简单,所以大家可以下载进行一些改进.众所周知,对于一般的软件开发,在开始的时候都会有一个技术选型的阶段,最大的选型就是首先要确定是选择Client/Server模式还是Browser/Server模式.综合而论:两者各有优劣,在很多方面都不能被对方互相取代,如在适用Internet.维护工作量等方面,B/S比C/S要强很多:

asp.net 删除,更新数据库方法_实用技巧

复制代码 代码如下: '数据更新 Public Sub updateTable(ByVal StrSql As String) objCommand.CommandText = StrSql Try conSql.Open() Trans = conSql.BeginTransaction objCommand.Transaction = Trans objCommand.ExecuteNonQuery() Trans.Commit() Catch ese As Exception MsgBox

asp.net 使用驻留在页面中的Cache缓存常用可定时更新的数据_实用技巧

就是希望让Web应用程序从一开始运行到结束都一直存在,有人就说为什么不用Application呢?其实Cache是可以一段时间内自动更新数据的,而Application就无法做成这样的,另外Application在Web这种高并发的系统中一定要考虑线程安全的问题,Application本身就不是线程安全的,而Cache就是线程安全.所以一般我都会在很多对象中我只从Web开始运行的时候从数据库或文件里获取一次数据,在不同的页面中,都是使用Cache的,而且Cache中的数据可能弄成自动更新的,所以

asp.net 用户在线退出更新实现代码_实用技巧

最主要的问题是关闭浏览器的时候如何更新用户在线列表 网上流传的方法是不停的ajax异步发送请求,当不再请求的时候就可以判断用户已经关闭浏览器 复制代码 代码如下: var x=0; function myRefresh() { var httpRequest = new ActiveXObject("microsoft.xmlhttp"); httpRequest.open("GET", "test.aspx", false); httpRequ

SqlCommandBuilder如何实现批量更新_实用技巧

一般是这样的,如果用设计器将SqlDataAdapter拖到页面中使用时,不会出现SqlDataAdapter.Update(ds)更新时出错情况,因为系统会自动生成SqlDataAdapter的属性命令,比如: .UpdateCommane insertCommand selectCommand等.  但是有些程序员不喜欢用设计器,或者是有些地方没必要拖动SqlDataAdapter这么个庞大物来实现,那么SqlDataAdapter就不会自动生成相关的查询或更新语句了. 所以当执行到SqlD

php使用COPY函数更新配置文件的方法_php技巧

本文实例讲述了php使用COPY函数更新配置文件的方法.分享给大家供大家参考.具体如下: _saveconfig.php文件如下: <?php /* * File: _saveconfig.php * * Modified: 2010-7-11 * By:liulang * 说明:涉及到两个文件:_saveconfig.php和config.php当对后台的一些全局配置变量进行更新时, * 就更改后台的config.php然后通过这个文件更改前台的config.php文件(前后台文件都一样),

Coolite Cool Study 3 MVC + Coolite 的实现代码_实用技巧

因为默认的 MVC 的样式文件里对于的 table 和 其他相关样式(h1-h6) 与Coolite有冲突,会导致GridPanel走样,大家记得先把那个table 和  h1-h6的样式清除掉才看到GridPanel的帅脸面 - 项目文件分布: 关于Coolite在MVC中的配置文件跟一般webform是一样的. 但在MVC的Global.asax中,需要在 RegisterRoutes 方法里加上这一句: routes.IgnoreRoute("{exclude}/{coolite}/coo