SharePoint 2010中的客户端AJAX应用——对话框显示详细信息页

ASP.Net AJAX模板是一门全新的引人注目的客户端技术,允许开发者快速构建AJAX易于维护的交互式应用程序。由于ASP.Net AJAX模板和SharePoint 2010都支持oData协议,因此两者结合在一起将是一个强大的组合。

SharePoint 2010 之所以可以带给人们Web 2.0的外观和感觉很大一部分要归功于其弹出式模式对话框的使用。为了进一步丰富上一篇中的AJAX应用,我们在每张卡片上挂接一个操作,打开一个对话框以便对该卡片做更细致的处理。在之前的使用SharePoint 2010模式对话框一文中,我们学习了如何在模式对话框中打开远端的页面,以及如何响应对话框确定或取消事件。本文中的模式对话框会更进一步,基于本地的HTML内容打开对话框。

首先,我们在前文中做好的索引卡上添加一个编辑图标。我们将在其上挂接打开模式对话框的操作:

1 <div class="userStoryTitle">
2     {{ 标题 }}
3     <span class="userStoryButtons">
4         <a href="#" onclick="javascript:openDialog(); return false;">
5             <img src="/_layouts/images/edititem.gif" />
6         </a>
7     </span>
8 </div>

为了先简单测试一下打开对话框的效果,同时也复习一下前面学习的模式对话框的使用,我们编写如下的打开对话框代码:

1 function openDialog() {
2     var options = {
3         url: "http://www.cnblogs.com/Lists/UserStories/DispForm.aspx?Id=1",
4         width: 800,
5         height: 600,
6         title: "User Story",
7     };
8     SP.UI.ModalDialog.showModalDialog(options);
9 }

显然硬编码的URL中的参数id不是最佳做法,这里只是作为示范。结果看起来像这样:

这是一个非常有用的技术,允许我们在不离开现有的SharePoint网页的情况下打开一个对话框,使用户可以直接浏览另一个网页。然而,在这里我们希望我们的应用程序中编辑的信息是在浏览器的内存里(通过ASP.Net AJAX模板存储数据)。该showModalDialog()函数可以支持这一方案,但要稍微复杂一些。

时间: 2016-01-11

SharePoint 2010中的客户端AJAX应用——对话框显示详细信息页的相关文章

SharePoint 2010中的客户端AJAX应用——保存数据至SharePoint

本文是SharePoint 2010客户端AJAX应用系列的一部分.ASP.Net AJAX模板是一门全新的引人注目的客户端技术,允许开发者快速构建AJAX易于维护的交互式应用程序.由于ASP.Net AJAX模板和SharePoint 2010都支持oData协议,因此两者结合在一起将是一个强大的组合.本文将重点介绍如何使用ASP.Net AJAX 模板的在线绑定语法将数据保存回SharePoint. 单向.双向的在线绑定 前面我们使用的只读模板语法{{ [字段名] }}并不仅仅是一个简单的字

SharePoint 2010中的客户端AJAX应用——jQuery的整合与持久化

本次我们将演示如何与jQuery进行整合,在一块虚拟布告牌(Corkboard)上以可拖动的索引卡片的方式显示每个列表项,并且我们将获取X和Y坐标返回给SharePoint. 布告牌上的卡片 首先,为了使我们的应用更有趣一些,在PageHead里加上一些CSS样式设置(放在一个单独的CSS样式文件里的话当然更好)以便使我们的user stories项以卡片的方式显示在布告牌上. 01 <style type="text/css"> 02 .sys-template 03 {

VSTO学习笔记(四)从SharePoint 2010中下载文件

原文:VSTO学习笔记(四)从SharePoint 2010中下载文件 上一次我们开发了一个简单的64位COM加载项,虽然功能很简单,但是包括了开发一个64位COM加载项的大部分过程.本次我们来给COM加载项添加一些功能:从SharePoint 2010的文档库中下载一个Excel文档到本地. 示例代码下载 本系列所有示例代码均在 Visual Studio 2010 Ultimate RC + Office 2010 Professional Plus Beta x64 上测试通过.   1.

“.NET研究”SharePoint 2010中的单点登录

在SharePoint 2007时代我们可以通过Microsoft Single Sign-on Service来实现单点登录,但到了SharePoint 2010中不再有Single Sign-on这个服务了,取而代之的则是Secure Store Service简称SSS.与以前的SSO一样,SSS也提供了一个数据库实例来保存用于访问某些外部应用程序或外部数据源的用户凭据信息,所不同的是我们不仅可以使用SSS中保存的凭据信息来实现单点登录,同时BDC.Excel Service等服务应用程序

一起谈.NET技术,SharePoint 2010中的单点登录

在SharePoint 2007时代我们可以通过Microsoft Single Sign-on Service来实现单点登录,但到了SharePoint 2010中不再有Single Sign-on这个服务了,取而代之的则是Secure Store Service简称SSS.与以前的SSO一样,SSS也提供了一个数据库实例来保存用于访问某些外部应用程序或外部数据源的用户凭据信息,所不同的是我们不仅可以使用SSS中保存的凭据信息来实现单点登录,同时BDC.Excel Service等服务应用程序

SharePoint 2010中的单点登录

在SharePoint 2007时代我们可以通过Microsoft Single Sign-on Service来实现单点登录,但到了SharePoint 2010中不再有Single Sign-on这个服务了,取而代之的则是Secure Store Service简称SSS.与以前的SSO一样,SSS也提供了一个数据库实例来保存用于访问某些外部应用程序或外部数据源的用户凭据信息,所不同的是我们不仅可以使用SSS中保存的凭据信息来实现单点登录,同时BDC.Excel Service等服务应用程序

使用ASP.NET Ajax库的母版-详细信息视图

提到数据驱动的网页时,您往往会想到具有一些交叉相关数据的母版-详细信 息视图.母版-详细信息视图非常适合呈现一对多的关系,此类关系在实际中相 当普遍,但 Web 平台不适合这种功能,因为它不具有实现该功能的有效工具集 . ASP.NET Web 窗体始终提供强大的数据绑定支持和一组功能强大的数据源和 数据绑定服务器控件.在 Web 窗体中,服务器控件几乎可以使用网格.列表和 下拉框的任意可能组合并支持多个级别的嵌套,从而能够出色地呈现数据的层次 结构. Web 窗体服务器控件生成的视图的缺陷并不

SharePoint 2010中.Net托管客户端模型的简单示例

.Net托管客户端模型,是SharePoint2010推出的三种客户端模型".NET托管"."ECMAScript"."Sliverlight"的一种,相比Script的客户端对象模型,VS里使用的.Net客户端对象模型感觉使用起来,方便了很多,至少编写的时候会有提示,编译的时候会有错误提示,然后,我们可以把相应的两个dll文件,和编写的程序放到一起,放在客户端执行,感觉还是有收获的. 下面介绍下.Net托管的使用,首先新建一个控制台程序,选择.

简述SharePoint 2010中的沙盒解决方案

当程序员使用Visual Studio 2010为SharePoint 2010创建应用程序时,可以创建两种类型的解决方案,服务器场解决方案和沙盒解决方案.比如,打开Visual Studio 2010,新建一个空白SharePoint项目,你看到的第一个界面就是如下这个对话框. 服务器场解决方案(或简称为场解决方案)和SharePoint 2007一样,是一种被完全信任的解决方案.场解决方案可以包含能放到解决方案包里面的所有SharePoint组件和元素,比如应用程序页.可视化Web部件等等.