• 一步步学习SPD2010--第五章节--处理数据视图(1)--创建数据视图


            数据视图是非常灵活的Web部件,你只能使用SPD创建。像其他Web部件一样,数据视图遵循下列法则:

    1.      可以被放置在EmbeddedFormField或Web部件区域,内外均可。

    2.      它有与所有Web部件共同的标准属性,如标题、高度、宽度和框架状态。

    3.      根据Web部件区域属性的设置,数据视图可以使用浏览器重新放置到其他Web部件区域。

    4.      Web部件属性可以通过浏览器的Web部件工具窗格访问。

    5.      当在Web部件区域之内时,数据视图支持私人和共享视图。

            另外,你可以编辑XSLT和传送到XSLT的参数,而不需要在SPD中打开页面。

            数据视图和XLV Web部件在功能上非常相似。XLV Web部件用来显示和修改储存在SP列表和库中的内容,并且使用浏览器或SPD可以被创建。XLV Web部件是基于列表视图,而且可以在浏览器中轻松修改或配置以使用XSLT。数据视图可以用来显示和修改数据源内的内容,包括列表和库。

            像XLV Web部件一样,数据视图使用XSLT来呈现数据,并且可以使用浏览器修改或删除。然而,数据视图只能由SPD创建,不像SPD,浏览器在写XSLT方面几乎没有帮助。

           本例中,你创建一个XLV Web部件和数据视图来显示列表内容。

    1.      在导航窗格,点击网站页面,点击CreateDVWP.aspx左侧的图标,然后再分页符选项卡,点击编辑文件。

           小贴士:你可以双击网页页面库内文件名左侧图标,以编辑模式打开页面。

    2.      点击WikiContent

            标签为PlaceHolderMain(自定义)的紫色边界包围着许多矩形。最上面的矩形包含文本Wiki Content,其他矩形有暗色的点状边框。

            注意:CreateDVWP页面是一个Wiki页面。顶部矩形是包含EmbeddedFormField控件的区域,在浏览器中点击编辑页面时可以修改。底部矩形是Web部件区域。尽管放置在这个区域内的Web部件可以使用浏览器修改,但是使用浏览器不能添加Web部件,或从这个区域删除。为了在SPD中清楚地看到这两个矩形,当在浏览器中创建Wiki页面时添加一些文本。

    3.      点击包含文本Wiki Content的矩形下方内部。标签为Bottom的Web部件区域出现。

    4.      在插入选项卡点击数据视图和表单组中的数据视图,然后点击SalesReport。

            故障分析:如果在插入选项卡上数据视图没有激活,你是没有点击到暗色点状矩形内部。

            SalesReport XLV被创建到页面上,并且<WebPartPages:XsltListViewWebPart>标签在快速标签选择器上高光为橙色。在XsltListViewWebPart内,一个有许多列的HTML表格出现。这些列有Customer、Brand和Material,以及在表格中有列表数据作为HTML行和单元格。

            注意:XLV Web部件使用默认列表视图作为基础来显示列和内容。然后你可以使用设计选项卡上的命令来修改数据最初的呈现形式。

    5.      在列表视图工具----Web部件选项卡,在Web部件标题框中,修改为Sales Report XLV Web Part。

            小贴士:无论你什么时候添加Web部件到页面上,总是给Web部件一个独特的名字,描述Web部件的目的。在你或其他团队成员修改页面时,这作为帮助记忆的东西,当你辨别Web部件连接时也有用。
    6. 在顶部的矩形里,点击文本Wiki Content下,使空的<p>标签出现。在插入选项卡,数据视图和表单组中,点击数据视图,然后点击空白数据视图。


            一个数据表单Web部件控件被添加到页面上,并且在快速标签选择器上<WebPartPages:DataFormWebPart>为橙色高光。
    7. 点击“点击此处选择数据源”。


    8.在列表下,点击SalesReport,点击确定。
            数据源详细信息任务窗格打开,行右边,[1/30]表示列表包含30个列表项目,1表示第一个项目的值显示在行下方。


            小贴士:不像当你添加XLV Web部件时,当你创建数据视图时,没有标准用来显示列表项目。如果你想让你的团队成员轻松在浏览器中修改栏目和列表项目标准,在处理列表和库时,请使用XLV Web部件。
    9.在数据源详细信息任务窗格,行右边,点击下一个箭头查看第二个列表项目的值。
            行右边的中括号里的文本指示你现在在看30个列表项目的第二条。
            小贴士:你可以使用下一个和前一个箭头查看内容,而不必在浏览器中显示列表。
    10.在数据源详细任务窗格,点击Customer。按住Ctrl,按下面顺序点击域,Brand,ListPrice,Quantity Purchased和Total Purchased。然后点击“将选中的域插入为”,点击多个项目视图。


             一个HTML表格出现在DataFormWebPart控件中,伴随着Brand,ListPrice,Quantity Purchased和Total Purchased栏目,按照你选择的顺序,显示10个项目的集合。ListPrice栏目数显示有红色下划线,指示着可能拼写错误。如果红色下划线没有显示,点击ListPrice。
            小贴士:如果你发现比你需要的多添加了栏目,在选项选项卡上,点击添加/删除栏来移除它们。
    11.在选项选项卡,点击数据组中的数据源详细信息。关闭数据源详细信息任务窗格。
    12.右击CreateDVWP.aspx选项卡,点击保存。点击是重新加载页面查看保存操作的结果。

  • 相关阅读:
    JS自动微信消息轰炸
    会议管家——常用的JQ知识点
    关于微信分享
    前端——解决微信网页清除缓存的方法
    2018新知识点
    一键分享代码(提供能分享到QQ空间、新浪微博、人人网等的分享功能)
    如何在网中使用百度地图API自定义个性化地图
    spring5 源码深度解析----- IOC 之 默认标签解析(上)
    spring5 源码深度解析----- IOC 之 容器的基本实现
    高级Java工程师必备 ----- 深入分析 Java IO (三)
  • 原文地址:https://www.cnblogs.com/crazygolf/p/3857119.html
Copyright © 2020-2023  润新知