zoukankan      html  css  js  c++  java
  • 一步步学习SPD2010--第三章节--处理列表和库(7)----创建XSLT列表视图Web部件

            当列表或库建成时,更多的页面(视图)被创建来显示列表或库的内容。你可以在在快速启动栏点击列表或库的链接访问列表或库的默认视图。有至少三个其他页面被创建,被称作窗体。窗体允许你查看单个列表项目的栏目值或与文档相关的元数据,添加新列表栏目或上传文档,编辑已存在的列表栏目或文档元数据。你也可以以创建自己的Web页面来显示列表和库的内容。SP Foundation提供了新的Web部件来展示列表和库的内容,XSLT列表视图(XLV)Web部件。XLV在SP Server上也是可用的因为SP Server基于SP Foundation。

            同见----更多关于处理视图和表单的信息,在第四章节。

            在之前SP版本,你使用列表视图Web部件(LVWP)来显示列表和库的内容。XSLT列表视图(XLV)和LVWP部件使用浏览器都易于修改。XLV可以做到所有LVWP 能做的,但是LVWP难以拓展来产生你可能需要的解决方案,这也是它经常被转化为数据视图Web部件(DVWP)。DVWP也叫数据表Web部件(DFWP),在SPD中,设计视图和代码视图都是高度可自定义的,但是在浏览器中难以自定义。实际上,你可以把XLV当做列表的DVWP。然而,你可以在浏览器和SPD中轻松管理XLV。

            LVWP使用协作应用程序标记语言(CAML)来动态发现和显示SP数据。这是对于SP技术专有的标记语言。非常少的工具能够帮助你写CAML。在SPD中,你使用源代码窗口写CAML,也没有智能提示来帮助你。XLV和DFWP使用扩展样式表转换语言(XSLT),这是在Web网站普遍应用的公开标准。比起CAML,更多XSLT的文档存在。

            在本次练习中,你会创建通知XLV。

    1.      在导航窗格,点击网站页面

    2.      点击Web部件页面,创建屏幕提示为“页眉左列正文“的Web部件页面。


            名为Untitled1.aspx的新文件出现在网站页面库页面中,文件名被高光。

    3.      输入AnnouncementPage.aspx点击确定重命名

    4.      编辑文件

            通知页面处于编辑模式,工作区选项卡标记为AnnouncementPage.aspx。这个页面有三个矩形被包围在浅蓝边界中。这些就是Web部件区域。

            小贴士:Web部件区域是Web部件的容器,Web部件和Web部件区域在第四章节讨论。

    5.      点击第一个浅蓝边界矩形。

            浅蓝边界变为蓝色边界,标签Header出现在矩形上方。标记为PlaceHolderMain(自定义)的紫色边界的矩形,包围着这三个Web部件区域。

    6.      在插入选项卡,选择数据视图,点击通知。


           小贴士:当你把鼠标指针放在数据视图列表时的屏幕提示,指示着网站列表的物理位置。所有列表都储存在Web网站根部的列表文件夹里。这在第二章节“处理SP网站”讨论过。

            通知XLV在页面被创建。<webpartpages:XsltListViewWebPart>标签在状态栏的快速标记选择器被高光为橘黄色。在新建的团队网站里,一个列表项目展示着“MS SP Foundation入门!”。功能区包括列表视图工具选项卡集:选项、设计、Web部件和表。


    7.      在快速访问工具条,点击保存。

            注意:页面包含文本Untitled1,它是页面的标题。当你重命名页面时,你重命名了文件名。重命名过程不会改变页面的标题。

  • 相关阅读:
    【手把手教你】win10 虚拟机 VMware Workstation Pro 15下安装Ubuntu 19.04
    虚拟机 VMware Workstation Pro 15.5.0 及永久激活密钥
    MATLAB 之MATLAB2016b 安装破解教程
    ubuntu 下 使用GTK+、sqlite3、c语言的学生系统
    drf 之序列化器-Serializer
    Element UI 中scope用法
    vue使用Element UI案例(商品列表)
    Django Rest_Framework(drf)介绍,以及安装和配置
    drf 准备知识(Web应用模式、 api接口、RESTful API规范和序列化)
    vue客户端项目的基本搭建以及ElementUI
  • 原文地址:https://www.cnblogs.com/crazygolf/p/3857145.html
Copyright © 2011-2022 走看看