使用 HTML 表单 Web 部件筛选并显示另一 Web 部件中的数据

注意: 我们希望能够尽快以你的语言为你提供最新的帮助内容。本页面是自动翻译的,可能包含语法错误或不准确之处。我们的目的是使此内容能对你有所帮助。可以在本页面底部告诉我们此信息是否对你有帮助吗?请在此处查看本文的英文版本以便参考。

注意: 本文已完成其工作,随后将不再使用。为防止出现“找不到页面”问题,我们将删除已知无效的链接。如果创建了指向此页面的链接,请删除这些链接,以便与我们一起为用户提供通畅的 Web 连接。

您可以使用 HTML 表单 Web 部件连接到并将数据传递到另一个 Web 部件,例如列表视图 Web 部件。

本文内容:

使用表单 Web 部件

向页面添加 Web 部件

连接到另一个 Web 部件的 HTML 表单 Web 部件

自定义 HTML 表单 Web 部件

自定义默认 HTML 表单 Web 部件

使用多行文本框

使用选项按钮

使用下拉列表的选项

使用复选框

配置 Web 部件的通用属性

外观

版式

高级

使用表单 Web 部件

您可以使用 HTML 表单 Web 部件连接,并将数据传递到另一个 Web 部件。 例如,您可以使用默认 HTML 表单 Web 部件键入区域名称、 传递给客户数据的列表视图 Web 部件的值并筛选通过该区域中的数据。您也可以自定义 HTML 表单 Web 部件,以使用户能够,例如,从下拉列表中选择的区域名称。在 HTML 表单 Web 部件中,您可以使用文本框、 下拉列表、 多行文本框、 复选框或选项按钮。

您将域连接到其他 Web 部件的方式取决于如何已定义其他 Web 部件以使用 Web 部件连接。

虽然您可以在窗体中有多个元素 (如文本框、 单选按钮等),但只有一个字段可以连接到列表视图 Web 部件。 但是,不同字段可以连接到其他 Web 部件一次。例如,您可以使用文本框和一组选项按钮的 HTML 表单 Web 部件。文本框中可以连接到一个列表视图 Web 部件和到另一个选项按钮。当用户单击转到按钮时,这两个列表视图 Web 部件筛选根据 HTML 表单 Web 部件中输入的信息。

如果该 Web 部件可以接受多个参数,您可以连接到另一个 Web 部件,在 HTML 表单 Web 部件中的两个或多个字段。在此例中,您可能需要与 SharePoint 兼容的 Web 设计程序,例如从 SharePoint Designer 2010 完成的连接。

返回页首

向页面中添加 Web 部件

若要编辑页面,必须至少具有通过添加到网站的默认“<网站名称> 成员”SharePoint 组所获得的权限。

  1. 在页面的功能区中,单击“页面”选项卡,然后单击“编辑”命令。

    “编辑”选项卡的“编辑”命令

    如果“编辑”命令被禁用,您可能不具有编辑该页的权限。请与管理员联系。

  2. 在页面中要添加 Web 部件的位置单击,单击“插入”选项卡,然后单击“Web 部件”。

    Web 部件命令

  3. 在“类别”下,选择一个类别(如“列表和库”),选择要添加到页面的 Web 部件(如“通知”),然后单击“添加”。

    Web 部件选取器

  4. 选择 Web 部件后,有关该 Web 部件的信息显示在“关于 Web 部件”中。

  5. 完成页面编辑后,单击“页面”选项卡,然后单击“保存并关闭”。

返回页首

连接到另一个 Web 部件的 HTML 表单 Web 部件

若要使用 HTML 表单 Web 部件,您将其连接与能够接收的值,如列表视图 Web 部件的 Web 部件连接到另一个 Web 部件。要筛选的列表和要对其进行筛选,列必须是 HTML 表单 Web 部件所在的页面上的 Web 部件中显示。有关向页面添加 HTML 表单 Web 部件的信息,请参阅添加 Web 部件向页

  1. 浏览到包含要筛选的 Web 部件的页面。

  2. 在功能区中,单击页面选项卡,然后单击编辑命令。

    如果“编辑”命令被禁用,您可能不具有编辑该页的权限。请与管理员联系。

  3. 指向 HTML 表单 Web 部件,单击向下箭头,单击连接,指向表单值提供给,然后单击您要链接的 Web 部件的名称。

  4. 选择连接对话框中,单击配置连接选项卡。

  5. 连接类型菜单上,选择符合 HTML 表单 Web 部件中的信息的字段。

注意: 字段不需要具有相同的名称,他们也是相同的数据类型。发送从 HTML 表单 Web 部件的值是文本值.

  1. 单击完成,然后单击退出编辑模式,在页面顶部的。

默认情况下,您可以在文本框中输入文本,然后单击前往或按 ENTER。其他 Web 部件将显示数据符合您输入的文本。清除文本框中,以便您可以输入新的文本,请选择的当前文本,然后将其删除。

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">返回页首</link>

自定义 HTML 表单 Web 部件

您可以使用源编辑器这是可从 HTML 表单 Web 部件工具窗格或与 SharePoint 兼容的 Web 设计程序,例如从 SharePoint Designer 2010 自定义 HTML 表单 Web 部件。而不是标准的文本框中,您可以使用选项按钮、 复选框、 多行文本框和列表框。您也可以添加标签,并指定默认值。

如果您自定义 HTML 表单 Web 部件,请牢记以下规则:

  • 只有一个按钮 (使用 INPUT 元素) 可以用于将数据传递到另一个 Web 部件。

  • HTML 表单 Web 部件中使用窗体元素。在窗体元素,包括 HTML、 正文和窗体元素,不能使用某些 HTML 元素。

  • 所有表单字段的名称都必须是唯一的。 每个名称值都将用于与要连接的 Web 部件中一个相应的列名称相连接。

若要自定义表单 Web 部件,请使用源编辑器按钮以显示文本编辑器对话框中然后修改或添加 HTML 源代码。

注意: HTML 表单 Web 部件仅向另一个可连接的 Web 部件提供数据,它不能从另一个可连接的 Web 部件中获取数据。例如,您不能用作 HTML 表单 Web 部件的详细信息窗体以显示的数据行。

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">返回页首</link>

自定义默认 HTML 表单 Web 部件

要自定义默认 HTML 表单 Web 部件,请执行下列操作:

  1. 在页面中显示 HTML 表单 Web 部件中,在功能区中,单击编辑选项卡,然后单击编辑命令。

  2. 指向 HTML 表单 Web 部件,并单击下箭头,然后单击编辑 Web 部件

  3. 在工具窗格中,单击源编辑器按钮。

  4. 文本项对话框将打开默认 HTML 代码。

若要使代码易于阅读和修改,插入回车中的文本换行,如下所示:

<div onkeydown="javascript:if (event.keyCode == 13) _SFSUBMIT_">
<input type="text" name="T1"/>
<input type="button" value="Go" onclick="javascript:_SFSUBMIT_"/>
</div>

通过更改域的名称,将标签添加到字段,或添加默认值,您可以更改以下几种方式的第一个输入元素。

属性

说明

字段名称

表单 Web 部件中的默认值文本框中的名称是T1。这是在配置连接对话框中显示的名称。若要为字段指定更有意义的名称,键入新名称代替T1。不要删除引号。

字段标签

窗体字段之前或之后,您可以添加标签文本。键入的文本没有引号。

默认值

您可以添加到文本区域字段的默认值。用户可接受的值,通过单击转到按钮,或通过键入自己的条目替换它。要添加默认值,请使用值属性。

示例如果您想要提供更有意义的名称,添加默认值,并添加标签,您可以执行以下操作:

Region: <input type="text" name="Region" value="India"/>

您可以通过更改按钮的名称,如下面的示例所示更改第二个 INPUT 元素:

<input type="button" value="SUBMIT" onclick="javascript:_SFSUBMIT_"/>

您也可以添加其他 HTML 元素之前和之后的 DIV 元素。例如,使用户能够快速刷新页面和重置窗体元素非常有用且简单方法是在关闭 DIV 元素后添加当前页的定位标记。例如:

<br/>
<a href="http://contoso/SitePages/CustByRegion.aspx">Refresh</a>

重要: 不会更改文本编辑器对话框中的其他 HTML 代码。HTML 表单 Web 部件动态创建脚本例程,在运行时,若要创建与其他 Web 部件的连接。不要修改onkeydownonclick事件代码或无意中可能会断开 HTML 表单 Web 部件。

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">返回页首</link>

使用多行文本框

文本区域元素定义多行文本输入的控件。行属性中指定的文本字段中可见的行数。COLS 属性以字符为单位指定文本区域的宽度。在下面的示例中,用户将看到的 5 个线条和宽度中的 30 个字符的文本框。当用户在框中输入文本时,将在 30 个字符换行文本。

<textarea name="Region" rows=5 cols=30></textarea>

提示: 请确保没有空间源代码中紧跟在右尖括号 (>)。

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">返回页首</link>

使用选项按钮

选项按钮,也称为单选按钮,向用户提供互斥选项。下面的示例显示三个单选按钮。使用相同的名称,为每个单选按钮。它是习惯要在每个按钮后添加标签。如果您想要设置格式的每个单独的行上的单选按钮,则使用 BR 元素。

<input type="radio" name="Region" value="India"/> India<BR/>
<input type="radio" name="Region" value="USA"/> USA<BR/>
<input type="radio" name="Region" value="Spain"/> Spain<BR/>

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">返回页首</link>

使用下拉列表的选项

如果有多个互斥选项,请考虑使用下拉列表框选择的元素。每个选项作为单独选项显示在列表中,但是用户可以仅选择一个选项。右尖括号选项元素的下拉列表中显示的内容后的文本。

<select name="Region">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Spain"> Spain </option>
</select>

提供默认值,如西班牙,请执行下列操作:

<option value="Spain" selected="selected"> Spain </option>

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">返回页首</link>

使用复选框

如果有多个非-互斥选项,请考虑使用复选框。每个选项显示为一个单独的复选框,用户可以选择任何或所有选项。使用此选项要求对作为 Web 部件连接的一部分接受多个参数的 Web 部件。

<input type="checkbox" name="region1" value="India"/> India<BR/>
<input type="checkbox" name="region2" value="USA"/> USA<BR/>
<input type="checkbox" name="region3" value="Spain"/> Spain<BR/>

提供默认值,如西班牙,请执行下列操作:

<input type="checkbox" name="region3" value="Spain" checked="checked"/> Spain<BR/> 

返回页首

配置 Web 部件的通用属性

Web 部件共享一组通用属性,这些属性控制 Web 部件的外观、布局和高级特征。您可以在工具窗口中更改 Web 部件属性。

注意: 在工具窗格中显示的通用 Web 部件属性可能与本部分中介绍的不同,原因如下:

  • 若要查看工具窗格中的“高级”部分,您必须具有相应的权限。

  • 对于特定的 Web 部件,Web 部件开发人员可能已选择不显示一项或多个公共属性或可能选择创建和外观布局,显示下面未列出的附加属性和高级的工具窗格部分。

  • 有些权限和属性设置可能会禁用或隐藏 Web 部件属性。

外观

属性

说明

标题

指定 Web 部件标题栏中显示的 Web 部件标题。

高度

指定 Web 部件的高度。

宽度

指定 Web 部件的宽度。

部件版式状态

指定当用户打开页面时是否在页面上显示整个 Web 部件。默认情况下,部件版式状态设置为“标准”,因此会显示整个部件。当该状态设置为“最小化”时,将只显示标题栏。

部件版式类型

指定是否显示 Web 部件框架的标题栏和边框。

布局

属性

说明

隐藏

指定当用户打开页面时是否显示 Web 部件。 如果选中该复选框,则仅在设计页面时可以看到 Web 部件,并且其标题将附加后缀“(隐藏)”。

如果要使用某个 Web 部件通过 Web 部件连接为另一个 Web 部件提供数据,但不想显示该 Web 部件,则可将其隐藏。

方向

指定 Web 部件内容中文本的方向。例如,阿拉伯语是一种从右向左的语言;英语及其他大多数欧洲语言都是从左向右的语言。此设置并不是对各种 Web 部件均可用。

区域

指定 Web 部件所在页面上的区域。

注意: 如果您没有修改区域的权限,则不会在列表框中列出页面上的区域。

区域索引

在区域内包含多个 Web 部件的情况下指定 Web 部件在区域中的位置。

若要指定顺序,请在文本框中键入一个正整数。

如果在区域中 Web 部件是按照从上到下的顺序排列的,值为 1 表示该 Web 部件显示在区域顶部。如果区域中的 Web 部件按照从左到右的顺序排列,则值 1 意味着 Web 部件显示在区域的左侧。

例如,向空白区域中添加一个 Web 部件并使其按照从上到下的顺序排列时,区域索引为“0”。将第二个 Web 部件添加到区域底部时,其区域索引为“1”。若要将第二个 Web 部件移到区域顶部,请先为第一个 Web 部件键入 0,随后再键入 1

注意: 区域中的每个 Web 部件都必须具有唯一的区域索引值。因此,更改当前 Web 部件的区域索引值会同时更改区域中其他 Web 部件的区域索引值。

高级

属性

说明

允许最小化

指定是否可以将 Web 部件最小化。

允许关闭

指定是否可以从页面中删除 Web 部件。

允许隐藏

指定是否可以隐藏 Web 部件。

允许区域更改

指定是否可将 Web 部件移至其他区域。

允许连接

指定 Web 部件是否可以参与和其他 Web 部件的连接。

允许在个人视图中编辑

指定是否可以在个人视图中修改 Web 部件属性。

导出模式

指定允许为此 Web 部件导出的数据级别。根据您的配置的不同,此设置可能不可用。

标题 URL

指定包含 Web 部件相关附加信息的文件的 URL。单击 Web 部件标题时,将在单独的浏览器窗口中显示该文件。

说明

指定将鼠标指针停留在 Web 部件标题或 Web 部件图标上时出现的屏幕提示。当您使用工具窗格的“查找 Web 部件 ”菜单上的“搜索”命令搜索 Web 部件时,将使用此属性的值。

帮助 URL

指定包含 Web 部件相关帮助信息的文件的位置。在单击 Web 部件菜单上的“帮助”命令时,将在单独的浏览器窗口中显示帮助信息。

帮助模式

指定浏览器显示 Web 部件帮助内容的方式。

选择下列选项之一:

• “模式”打开单独的浏览器窗口(如果浏览器具有此功能)。用户必须在返回到网页之前关闭该窗口。

• “无模式”打开单独的浏览器窗口(如果浏览器具有此功能)。用户在返回到网页之前,不必关闭该窗口。这是默认值。

• “导航”在当前浏览器窗口中打开网页。

注意: 尽管自定义 Microsoft ASP.NET Web 部件支持此属性,但是默认 SharePoint 帮助主题只能在单独的浏览器窗口中打开。

目录图标图像 URL

指定在 Web 部件列表中用作 Web 部件图标的图像所在文件的位置。图像大小必须为 16 × 16 像素。

标题图标图像 URL

指定 Web 部件标题栏中使用的图像所在文件的位置。图像大小必须为 16 × 16 像素。

导入错误消息

指定导入 Web 部件出现问题时显示的消息。

返回页首

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

此信息是否有帮助?

谢谢您的反馈!

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

×