使用 SharePoint Designer 自定义数据视图和表单

重要:  本文是由机器翻译的,请参阅免责声明。请在 此处 中查找本文的英文版本以便参考。

数据视图是可自定义的实时视图,从 SharePoint 网站的数据源。SharePoint Designer 2010可扩展标记语言 (XML) 形式的数据源检索数据,并显示或提供数据输入使用可扩展样式表语言转换 (Xslt)。数据视图中可以显示来自各种源,包括 SharePoint 列表、 库、 数据库查询、 XML 文档、 Web 服务和服务器端脚本数据。您可以添加和自定义数据视图使用SharePoint Designer 2010。

SharePoint Designer 2010包含一组丰富的工具,您可以使用自定义列表和数据视图,如此处所示。

在 SharePoint Designer 2010 中打开网站

SharePoint Designer 2010中的所见即所得工具可扩展样式表语言 (XSL) 直接插入页面,以便您不需要知道 XSL 创建功能强大的自定义的数据视图。如果您需要自定义的代码,您始终可以编辑的 XSL 直接在SharePoint Designer 2010中的代码视图中。

有多种方法您可以在SharePoint Designer 2010中创建视图和窗体。您可以创建 SharePoint 列表或库; 相关联的列表视图您可以创建数据视图,并将其与同一个列表或其他数据源;您可以通过添加到页面,然后插入以表单形式; 每个字段的数据视图中创建窗体等等。了解有关在另请参阅部分中创建视图和窗体的详细信息。

您在页上,并同时有两个之间的差异的列表视图 (XSLT 列表视图 Web 部件) 和数据视图 (数据表单 Web 部件) 组合中的这些结果,您自定义它们以类似的方式。您添加和删除列、 应用筛选器、 排序和分组字段、 应用条件格式和许多其他使用SharePoint Designer 2010中可用的工具。

本文介绍您需要对列表或使用SharePoint Designer 2010数据视图进行自定义最常见的设置。

本文内容

打开列表和数据视图

添加、 删除和重新排列列

排序和分组

筛选器

条件格式

分页

启用直接编辑

启用异步更新

添加工具栏选项

应用样式视图

自定义的更多选项

打开列表和数据视图

可以创建和 (初本文所述),在多种方法在SharePoint Designer 2010中打开列表视图和数据视图。您可以从列表或库当前相关联,例如,打开列表视图,也可以从网站页面所在的位置打开数据视图。这两个选项位于导航菜单。(与列表或库,或者任意数量的数据源相关联。使用以下方法之一打开列表视图或数据视图中SharePoint Designer 2010。)

在 SharePoint Designer 2010 中打开网站

若要打开列表相关联的列表视图

  1. 在SharePoint Designer 2010中打开您的网站。

  2. 导航窗格中,单击列表和库

  3. 打开包含您的列表视图的列表。

  4. 单击选项选项卡,然后使用视图编辑选项自定义列表视图。

    注意: 可能需要视图内的第一次单击以显示编辑选项SharePoint Designer 2010在视图

若要从网站页面中打开数据视图或列表视图

  1. 在SharePoint Designer 2010中打开您的网站。

  2. 导航窗格中,单击网站页面

  3. 打开包含您的数据视图或列表视图的页面。

  4. 单击选项选项卡,然后使用视图编辑选项自定义列表或数据视图。

    注意: 您可能需要向视图内的第一次单击以显示编辑选项SharePoint Designer 2010在视图。

本文的其余部分假定您已执行这些步骤或类似的步骤操作,打开您的视图进行编辑。

返回页首

添加、 删除和重新排列列

您通常使用数据视图执行的第一个事项之一是支持添加和删除列。当您更改数据视图中的列时,您正在添加、 删除或排列字段在数据视图中显示。您使用编辑列对话框中添加、 删除和重新排序的列,无论他们显示行或列。您也可以修改使用编辑本文稍后讨论选项表布局表格上的命令的表的列。

注意: 仅在 HTML 表中的数据视图中显示的数据时,编辑列命令才可用。

执行下列步骤来添加、 删除和重新排列列表或数据视图中的列。

  1. 使用您的视图在SharePoint Designer 2010中打开,单击选项选项卡,然后单击添加/删除列 在 SharePoint Designer 2010 中打开网站

    注意: 编辑列命令不可用的数据视图中时使用的值大于 1 rowspan 或 colspan 属性 HTML 表中。

  2. 编辑列对话框随即打开。
    在 SharePoint Designer 2010 中打开网站

  3. 请执行下列操作之一:

    • 若要添加列,选择在可用字段下的列字段,然后单击添加

    • 若要一次选择多个字段,请按住 CTRL 同时单击字段。

    • 若要删除现有的列,选择下显示的列的列,然后单击删除

    • 若要一次选择多个字段,请按住 CTRL 同时单击字段

    • 若要重新排列列,请选择下显示的列的列,,然后单击上移下移

  4. 单击确定将更改应用到视图。

注意: 编辑列对话框中将显示的数据视图中的数据源查询中包含的字段。实际数据源中可能包含其他字段。若要包含这些字段,您需要更新的数据源查询。

了解有关另请参阅部分中的数据视图的详细信息。

返回页首

排序和分组

当您在数据视图中的数据进行排序时,您可以修改,因此您和您的网站访问者可以地理解数据更容易数据的显示的顺序。排序顺序的示例包括字母和数字排序。您可以使用高级排序对话框中SharePoint Designer 2010订单创建额外的排序。

除了排序,您可以对数据进行分组。当对数据进行分组,您可以显示页眉或页脚的一组字段的排序顺序,并选择是否展开或折叠默认组。您也可以选择将组放在一起时分页视图和显示列名称或对于每个组的汇总。

若要对列表或数据视图中的列进行排序

使用您的视图在SharePoint Designer 2010中打开,单击选项选项卡,然后单击排序和分组 在 SharePoint Designer 2010 中打开网站

排序和分组对话框随即打开。
在 SharePoint Designer 2010 中打开网站

  1. 可用字段中,单击要作为排序依据的字段,然后单击添加

  2. 排序属性下选择所需的字段进行排序通过选择升序(从低到高) 或降序(从高到低)。

    您也可以更改的升序或降序排序顺序,只需双击排序顺序列表中的字段。

  3. 若要使用按升序或降序比更高级排序,单击编辑排序表达式。此时将打开高级排序对话框中,您可以自定义使用 XPath 表达式的排序顺序。了解更多高级列表和自定义数据视图,使用 XPath 表达式中。

  4. 若要对多个字段进行排序,选择在可用字段下的更多字段,然后将它们添加到的排序顺序。

    如果您将多个字段添加到的排序顺序,并且想要更改先进行排序的字段,在排序顺序列表中选择字段,然后单击上移下移

    单击确定将更改应用到视图。

为列表或数据视图中的组列

使用您的视图在SharePoint Designer 2010中打开,单击选项选项卡,然后单击排序和分组 排序和分组

  1. 排序和分组对话框随即打开。
    在 SharePoint Designer 2010 中打开网站

  2. 排序顺序列表中,单击您想要作为分组依据的字段的。
    注意每个字段的排序顺序可以对其应用的各个组属性。请确保您选择的字段所需之前应用组属性。

  3. 若要显示的每个组中,在组属性开头的页眉中选择显示组标题复选框,,然后执行下列操作之一︰

    1. 如果希望组在视图中的显示为扩展,默认情况下,请单击默认情况下的展开组

    2. 要在数据视图中显示为默认情况下折叠的组,请单击默认情况下的折叠组

  4. 剩余选项仅适用于数据视图和列表的视图。(列表和数据视图差异的详细信息,请访问另请参阅部分)。

  5. 若要显示末尾显示的记录数该组中每个组的页脚,请选择显示组页脚复选框。

  6. 选择显示组页眉显示组页脚复选框后,高级分组按钮将变为可用。

  7. 单击高级分组。(启用此选项将变为选中显示组页眉中显示组页脚选项)。

  8. 请执行下列操作之一:

    • 若要隐藏列表中的单个记录,请选择始终隐藏组详细信息复选框。

    • 若要显示在一页上,组中的所有项目,即使总量超过指定要显示在列表中的项目数,选择保留组时分页复选框。

    • 若要插入行的列名称将显示每个组中,选择显示每个组的列名称复选框。

    • 若要插入行显示在每个组的记录的总数每个组中,选择显示每个组的列总计复选框。

若要允许网站用户进行排序或分组通过浏览器的数据,可以添加工具栏到视图,如本文后面所述。

返回页首

筛选器

您可以应用筛选器到您的视图,以便只有满足特定条件的数据将出现在列表或数据视图中。当您有数百个包含的视图或数千个记录,并且您想要使其更易于读取数据时,这很有用。当创建筛选器,您可以构建应用于数据的一个或多个表达式。有三个基本部分︰ 字段名称 (您想要筛选的字段名称) 运算符 (您想要应用于值的规则),以及的值 (您正在寻找的数据)。

执行以下步骤来筛选列表或数据视图。

  1. 使用您的视图在SharePoint Designer 2010中打开,单击选项选项卡,然后单击筛选器 在 SharePoint Designer 2010 中打开网站

  2. 筛选条件对话框随即打开。
    在 SharePoint Designer 2010 中打开网站

  3. 字段名称中,单击包含所需的值的字段。

  4. 比较框中,单击,然后单击所需的运算符。

  5. 单击框中,然后选择或键入所需的条件。

  6. 若要将另一个子句添加到筛选器,请单击和/或框中的现有子句的末尾,然后︰

    1. 单击创建一个位置的数据必须匹配两个子句中的条件的筛选器。

    2. 单击创建筛选器,使数据必须满足只有一个子句中的条件。

  7. 单击单击此处添加新子句的邮件。

  8. 重复步骤 3-6,创建附加子句该筛选器。

  9. 如果您正在使用数据视图,并且想要使用更高级的条件选中添加 XSLT 筛选框,然后单击编辑
    这将打开高级条件对话框中,您可以自定义使用 XPath 表达式的排序顺序。

  10. 单击“确定”。

若要允许网站访问者进行排序和分组通过浏览器的数据,可以添加工具栏到视图,如本文后面所述。请记住,在浏览器中筛选影响仅演示文稿的数据。它不会限制视图中可用的数据的量。

注意: 筛选数据视图可能会影响性能。请务必筛选易于管理的一组数据。使用筛选条件对话框中的基本筛选应用时,筛选之前在返回的数据。但是,如果您使用高级筛选选项 (适用于数据视图);应用筛选 XSLT 演示文稿中、 在之后返回的数据

返回页首

设置条件格式

使用条件格式,您可以应用格式化的文本、 背景颜色、 自定义图标和为所选的 HTML 标记或数据值的详细信息的数据符合特定条件时。您还可以设置确定是否要显示或隐藏 HTML 标记或数据值的条件。条件格式是强大的方法,以突出显示需要由用户操作数据视图中的项目。例如,可能会突出显示已过期的任务、 超出预算,运行的项目或正在运行低的公司提供。

执行以下步骤来应用条件格式向列表或数据视图。

查看在SharePoint Designer 2010中打开,单击中的行或列中要应用条件格式的位置。

  1. 单击选项选项卡,单击筛选器 在 SharePoint Designer 2010 中打开网站 ,并选择下列选项之一︰

  2. 显示内容以满足视图中显示数据指定的条件。

  3. 隐藏内容若要隐藏视图中的数据符合指定条件。

  4. 格式行以将格式应用于对满足指定的条件的行。

  5. 设置列格式应用于满足指定的条件的列。

  6. 将格式应用于所选内容符合指定的条件的所选内容格式。(您必须首先突出显示数据视图中使用此选项之前的一部分。)

    显示和隐藏内容选项更改的可见性选择 HTML 标记或数据值。格式选项将样式应用于所选的 HTML 标记或数据值。

  7. 条件对话框随即打开。
    在 SharePoint Designer 2010 中打开网站

  8. 字段名称中,单击包含所需的值的字段。

  9. 比较框中,单击,然后单击所需的运算符。

  10. 单击框中,然后选择或键入所需的条件。

  11. 若要使用更高级的条件视图上,单击高级
    这将打开高级条件对话框中,您可以自定义使用 XPath 表达式的排序顺序。

  12. 若要将另一个子句添加到条件准则,请单击和/或框中的现有子句的末尾,然后︰

    • 单击创建位置的数据必须匹配两个子句中的条件的条件的条件。

    • 单击以创建位置的数据必须匹配只有一个子句中的条件的条件的条件

  13. 下面现有子句中,单击单击此处添加新子句的邮件。

  14. 重复步骤 4-7 创建附加子句的条件的准则。

  15. 如果显示或隐藏的条件的数据时,请单击确定以关闭对话框。要应用于该条件的特殊格式,请单击设置样式

  16. 修改样式对话框随即打开。
    在 SharePoint Designer 2010 中打开网站

  17. 选择您想要将应用于数据视图的格式设置选项。
    例如,要使文本加粗黄色背景,您可以选择加粗字体粗细菜单中。然后,单击背景类别,并在背景色菜单上,键入黄色或选择黄色的变体。

  18. 单击“确定”。

列表和数据视图中显示实时数据,因为您看到在设计视图中将立即应用条件格式。

返回页首

分页

通过分页,您可以更改列表或数据视图的每页显示的记录的数。您可以设置视图,使其显示在 5、 10 或任何给定的值的组中的项目。网站访问者,因此,将看到后退和在浏览器中,它们用于浏览视图中的下一个链接。或者,您可以指定要显示在视图中,可以再次 5、 10 或任何给定的值的最大项数的限制。

执行以下步骤将分页值添加到列表或数据视图。

使用您的视图在SharePoint Designer 2010中打开,单击选项选项卡,然后单击分页 在 SharePoint Designer 2010 中打开网站

  1. 选择分页选项之一︰

    1. 显示设置的项目︰ 选择是否显示在 1、 5、 10 或 30 的组中的项目。

      选择此选项在视图中显示导航链接,当记录的总行数超过此选项中指定的数量。

    2. 项目限制︰ 选择要显示在视图中,项目最大数字 1、 5、 10 或 30。

  2. 选择更多分页选项来指定自定义值数据视图分页。

  3. 数据视图属性对话框随即打开。
    在 SharePoint Designer 2010 中打开网站

  4. 页面选项卡上,选择下列选项之一︰

    • 选择显示在此大小的组中的项目,然后提供的框中指定一个数字。
      此选项中的默认值为 10,如果有 25 个以上的记录,在视图和 6 视图是否具有少于 25 条记录。

    • 选择限制显示到项目中的总行数,然后提供的框中指定一个数字。
      此域中的默认值设置为 100。

  5. 单击“确定”。

除了更改的网页上视图中显示的记录数,您可以更改SharePoint Designer 2010设计视图中显示的记录的数。当您想要查看视图与特定数量的记录的呈现方式,您可能需要执行此操作。若要更改的设计视图中的记录数,请单击设计选项卡,然后在预览组中,选择一个可用的数据视图预览选项。

返回页首

启用直接编辑

启用直接编辑后,网站访问者可以轻松地编辑而无需离开该页面或打开新窗口视图的上下文中的每条记录。只需单击旁边的列或行中的数据视图中,编辑按钮,每个字段变为可编辑。文本框、 菜单和字段控件可用于每条记录以相同方式他们正在上可用的新增和编辑项目窗体。直接编辑组合了最佳视图和窗体在一个位置。

执行以下步骤以启用直接编辑列表或数据视图。

使用您的视图在SharePoint Designer 2010中打开,单击选项选项卡,然后单击直接编辑 在 SharePoint Designer 2010 中打开网站
使新,此网站访问者的编辑链接的列表视图用于创建和编辑记录。

  1. 对于数据视图中,选择一个或多个下列的嵌入式编辑选项︰

    1. 显示编辑项目链接︰ 使用户单击要编辑记录嵌入式编辑链接。

    2. 显示插入的项目链接︰ 使用户可以单击创建新记录内联插入链接。

    3. 显示删除的项目链接︰ 使用户单击以删除记录内联删除链接。

  2. 将更改保存到您的列表或数据视图。

列表视图的下一次打开视图在浏览器和 hover 中的行或列中,可以看到编辑 在 SharePoint Designer 2010 中打开网站 按钮。数据视图中,您将看到每个行或列旁边的编辑链接。

单击链接以开始编辑的行或列的记录内联如下所示。

在 SharePoint Designer 2010 中打开网站

返回页首

启用异步更新

异步更新 ASP.NET AJAX 平台的核心组件,您可以为列表和您的网站上的数据视图中启用它们。启用异步更新时,列表或数据视图从实时服务器检索数据,并将其在浏览器中呈现,而无需刷新页面的用户。列表和异步更新的数据视图是一个理想选择数据丰富、 动态网页和仪表板。

注意: 异步更新可以禁用在管理中心中,因此如果此选项不可用,请咨询您的服务器管理员

.

执行以下步骤才能为列表或数据视图中启用异步更新。

与您的视图在SharePoint Designer 2010中打开,单击选项选项卡,然后选中异步更新框。
在 SharePoint Designer 2010 中打开网站

  1. 若要添加到页面的刷新按钮,选中刷新按钮框。
    这允许网站访问者单击刷新按钮 在 SharePoint Designer 2010 中打开网站 手动刷新页面。

  2. 选择一个刷新间隔︰ 15 秒、 30 秒或 60 秒

  3. 将更改保存到您的列表或数据视图。

返回页首

添加工具栏选项

如果您的视图使用作为其数据源列表或库,您可以视图中添加 SharePoint 列表工具栏,以便用户可以更高效地使用的基础的列表或库。SharePoint 列表工具栏是在列表或库,它提供各种选项以使用该列表或库的顶部的菜单栏。有两种类型的工具栏,您可以添加︰

  • SharePoint 工具栏提供了列表编辑选项,如添加新项目、 视图和列,创建和编辑列表的属性。

  • 分组工具栏提供查看选项,如更改筛选、 排序和分组列表。

执行以下步骤将添加到列表或数据视图工具栏。

使用您的视图在SharePoint Designer 2010中打开,单击设计选项卡,然后单击选项 在 SharePoint Designer 2010 中打开网站

  1. 要添加具有编辑选项的列表的完整的工具栏上,单击SharePoint 工具栏

  2. 若要查看选项的列表中添加工具栏,请单击分组工具栏

    注意: 工具栏适用视图的和不能在查询级别的演示文稿中的筛选。在这种情况下,您应依赖于此您将会主要平均值的筛选视图。对于,您应使用的筛选,如上文所述。

  3. 若要删除的工具栏上,单击

  4. 将更改保存到您的列表或数据视图。

当在浏览器中打开视图时,您将看到的页面顶部的工具栏。如果启用 SharePoint 工具栏和分组工具栏上,您会看到这些视图的顶部的选项。

在 SharePoint Designer 2010 中打开网站

返回页首

应用样式视图

当您创建列表或数据视图时,默认情况下数据通常显示基本表格布局中。您可以应用不同的视图样式,可以轻松快速地更改视图的布局。例如,您可以更改您的视图的基本表格布局给其中一个提供边框、 列或项目符号列表的视图。

将视图样式应用到列表或数据视图之前,请务必请注意,将删除所有以前自定义设置和 Web 部件连接。

执行以下步骤以将视图样式应用于列表或数据视图。

使用您在SharePoint Designer 2010中打开的视图,请单击设计选项卡,然后单击一种视图样式基于预览和悬停文本说明。

在 SharePoint Designer 2010 中打开网站

注意: 您将看到根据是否您要将其应用于列表视图或数据视图中可用的不同视图样式。此外,样式数目将取决于哪些已上载到网站集中的样式库。

  1. 若要查看更多样式,单击视图样式组右下角中的多个 在 SharePoint Designer 2010 中打开网站

  2. 一条警告消息显示信息您将删除所有自定义格式和 Web 部件连接,如果您更改该视图样式。单击以继续。

    注意: 如果您选择显示的域少于原始视图的样式,从视图中删除这些字段。

  3. 将更改保存到您的列表或数据视图。

返回页首

自定义的更多选项

除了上述自定义设置,您可以通过以下方式自定义列表或数据视图︰

  • 创建公式列    在视图中显示的其他列的计算结果。这是您在电子表格程序中使用公式的方式类似。例如,可能相乘的单独的列中显示项目的总计值库存单位数产品的单价。

  • 在单个视图中显示多个来源的数据   。这是功能强大的方式来组合在一个位置的数据源。相同视图中,您可能,例如,显示产品类别从另一个列表中的一个列表和产品信息。

  • 向列表或数据视图添加参数   。例如,您可能希望通过传递参数从另一个菜单向数据视图和筛选数据的参数值。

  • 添加服务器控件    添加到列表或数据视图。您可以将 SharePoint 控件、 ASP.NET 控件和数据源的详细信息并将它们添加到视图以创建您的用户界面丰富的交互式数据。

  • 更改字体和格式    列表或数据视图。您可以更改字号、 字体颜色、 字体系列和列标题和字段的详细信息。您可能手动在SharePoint Designer 2010使用所见即所得工具执行此操作,或将 CSS 样式应用于页面上的这些元素。

  • 列表或数据视图的自定义表格布局   。您可以添加和删除表格单元格、 更改宽度或高度的行或列、 显示或隐藏边框或底纹,并更多SharePoint Designer 2010中使用的表编辑选项。

返回页首

注意: 机器翻译免责声明:本文是由无人工介入的计算机系统翻译的。Microsoft 提供机器翻译是为了帮助非英语国家/地区用户方便阅读有关 Microsoft 产品、服务和技术的内容。由于机器翻译的原因,本文可能包含词汇、语法或文法方面的错误。

扩展你的技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×