使用MagicAjax 实现无刷新Webparts

介绍MagicAjax
Web.config的配置如下:
<?xml version="1.0"?>
<configuration>
     <configSections>
          <section name="magicAjax" type="MagicAjax.Configuration.MagicAjaxSectionHandler, MagicAjax"/>
     </configSections>
     <magicAjax tracing="false">
          <pageStore/>
     </magicAjax>
     <system.web>
          <authentication mode="Forms"/>
          <pages>
              <controls>
                   <add namespace="MagicAjax.UI.Controls" assembly="MagicAjax" tagPrefix="ajax"/>
              </controls>
          </pages>
<webParts>
              <personalization defaultProvider="Nsquared2SqlPersonalizationProvider">
                   <authorization>
                       <allow users="*" verbs="enterSharedScope"/>
                   </authorization>
                   <providers>
                       <add name="Nsquared2SqlPersonalizationProvider" type="Nsquared2.Web.UI.WebControls.WebParts.SqlPersonalizationProvider, Nsquared2.Web" connectionStringName="PortalConnectionString" varyByParams="ParentDPID,DPID,UserId"></add>
                   </providers>
              </personalization>
          </webParts>          <httpModules>
              <add name="MagicAjaxModule" type="MagicAjax.MagicAjaxModule, MagicAjax"/>
          </httpModules>
          <compilation debug="true">
              <assemblies>
                   <add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/></assemblies></compilation>
     </system.web>
</configuration>
 
使用WebPart的页面如下:
<asp:WebPartManager ID="WebPartManager1" runat="server">
            </asp:WebPartManager>
            <ajax:AjaxPanel ID="AjaxPanel1" runat="server" Height="305px" Width="452px">
            <wmz:WebPartDisplayModesMenu ID="WebPartDisplayModesMenu1" runat="server" />
            <table style="width: 505px">
                <tr>
                    <td>
                        <asp:WebPartZone ID="WebPartZone1" runat="server">
                            <ZoneTemplate>
                                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                            </ZoneTemplate>
                        </asp:WebPartZone>
                    </td>
                    <td style="width: 280px">
                        <asp:WebPartZone ID="WebPartZone2" runat="server">
                            <ZoneTemplate>
                                <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
                            </ZoneTemplate>
                        </asp:WebPartZone>
                    </td>
                </tr>
            </table>
        </ajax:AjaxPanel>
把两个WebPartZone放在 MagicAjax's AjaxPanel.控件中,可以支持所有的WebPart的所有操作无刷新,类似于GoogleLoading……效果。具体的例子参看MagicAjax's提供的例子。例子中包含了一个使用WebPart的例子。





本文转自 张善友 51CTO博客,原文链接:http://blog.51cto.com/shanyou/75104,如需转载请自行联系原作者
上一篇:关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。


下一篇:Hexo 简明教程