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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小文博客

WordPress友链排序插件——链接排序(已汉化)

1936
来自专栏xingoo, 一个梦想做发明家的程序员

Angular2入门体验

好的工具往往使得开发应用更快更简单,而不是任何模块都手动开发。angualr cli就是一个支持 创建工程,添加文件,对各种任务如测试、打包、部署等迭代。 本文...

2956
来自专栏Flutter入门到实战

快速在线制作json接口,从此写项目引入接口就简单多了

1741
来自专栏面朝大海春暖花开

springMVC+freemarker实现自定义标签

强烈建议2.3.20或其以上版本,注意还需要引入spring-context-support

1082
来自专栏Java成神之路

Git_学习_07_ 推送修改到远端

733
来自专栏咖啡的代码人生

IDEA/Git 设置多个push远程仓库或者同时提交多个push仓库

具体解决办法: 在隐藏文件.git 下有个config文件,打开,在最后一行添加以下信息 [remote "all"] url = https...

6407
来自专栏轻扬小栈

Xware Desktop linux下的迅雷 — ubuntu 14.04 安装

1K7
来自专栏彭湖湾的编程世界

【npm】如何在Atom中安装emmet和atom-beautify插件?

为了提高编写HTML和CSS的速度,最近尝试着在Atom中安装emmet插件,下面谈谈安装成功的过程 1首先我尝试了网上教程中介绍最多的方法:打开Atom的引导...

2485
来自专栏NetCore

微信快速开发框架(三)-- 建立微信公众平台测试账号

为了测试我的快速微信开发框架,建议大家可以申请一个测试账号进行测试,稍后我也会开一个微信公众账号(不过目前很麻烦,还要我手拿身份证拍照,囧!) 第一步:您要有一...

2359
来自专栏轻扬小栈

破狗,pogoplus 之 百度同步 SyncY

1451

扫码关注云+社区

领取腾讯云代金券