使用MagicAjax 实现无刷新Webparts-阿里云开发者社区

使用MagicAjax 实现无刷新Webparts

2017-11-15 897

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

介绍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 的所有操作无刷新，类似于 Google 的 Loading ……效果。具体的例子参看 MagicAjax's 提供的例子。例子中包含了一个使用 WebPart 的例子。

参看在线演示 [url]http://demo2.magicajax.net/examples/WebParts.aspx[/url]

本文转自张善友 51CTO博客，原文链接：http://blog.51cto.com/shanyou/75104，如需转载请自行联系原作者