使用 HTML 表单 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 部件。

您可将 HTML 表单 Web 部件中的两个或多个字段连接到另一个 Web 部件(如果该 Web 部件可接受多个参数)。在此情况下,可能需要一个与 SharePoint 兼容的 Web 设计程序(如 SharePoint Designer 2010)来完成这些连接。

返回页首

向网页中添加 Web 部件

若要编辑页面,必须至少拥有通过加入网站的默认 <网站名称> Members SharePoint 组而获得的权限。

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

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

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

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

    Web 部件命令

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

    Web 部件选取器

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

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

返回页首

将 HTML 表单 Web 部件连接到另一 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 部件将仅显示与您键入的文本相匹配的数据。若要清除文本框,以便您可以键入新文本,请选择当前文本,然后将其删除。

返回页首

自定义 HTML 表单 Web 部件

您可以使用“源编辑器”(位于 HTML 表单 Web 部件工具窗格中)或与 SharePoint 兼容的 Web 设计程序(如 SharePoint Designer 2010)来自定义 HTML 表单 Web 部件。除标准文本框外,您可使用选项按钮、复选框、多行文本框和列表框。您还可添加标签并分配默认值。

如果自定义 HTML 表单 Web 部件,请牢记以下几点:

  • 只能使用一个“执行”按钮(该按钮使用 INPUT 元素)向另一 Web 部件传递数据。

  • HTML 表单 Web 部件使用 FORM 元素。某些 HTML 元素不能在 FORM 元素中使用,包括 HTML 元素、BODY 元素和 FORM 元素。

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

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

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

返回页首

自定义默认 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>

您可以用若干方法来更改第一个 INPUT 元素,比如更改字段名称、向字段添加标签或添加默认值。

属性

说明

域名称

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

字段标签

您可以在表单字段前后添加标签文本。键入不包含引号的文本。

默认值

可以向文本区域字段添加默认值。用户可通过单击“执行”按钮接受该值,也可以键入自己的内容来覆盖该值。若要添加默认值,请使用值属性。

例如,如果您要提供一个更有意义的名称、添加一个默认值并添加一个标签,则可执行下列操作:

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

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

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

您还可在 DIV 元素前后添加其他 HTML 元素。例如,一个非常有用且简单的方法是,允许用户快速刷新页面并重置 FORM 元素以在结束 DIV 元素后添加当前页面的定位标记。例如:

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

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

返回页首

使用多行文本框

TEXTAREA 元素定义多行文本输入控制。ROWS 属性指定文本字段中可见的行数。COLS 属性指定文本区域的宽度(以字符为单位)。在下例中,用户将看到一个 5 行且宽度为 30 个字符的文本框。用户在该框中键入文本时,文本将在 30 个字符处换行。

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

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

返回页首

使用选项按钮

选项按钮也称为单选按钮,为用户提供互斥选项。下列显示出三个单选按钮。对每个单选按钮使用相同的名称。通行的做法是在每个按钮后添加标签。如果您要将每个单选按钮设置为位于单独一行,请使用 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/>

返回页首

使用选项的下拉列表

如果有许多互斥选项,则可考虑通过 SELECT 元素来使用下拉列表框。每个选项都在列表中显示为单独的选项,但用户只能选择一个选项。OPTION 元素的右尖括号后的文本是显示在下拉列表中的内容。

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

若要提供一个默认值(如 Spain),请执行下列操作:

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

返回页首

使用复选框

如果有若干非互斥选项,则可考虑使用复选框。每个选项都显示为单独的复选框,用户可选择任何或所有选项。使用此选项要求使用在建立 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/>

若要提供一个默认值(如 Spain),请执行下列操作:

<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 部件出现问题时显示的消息。

返回页首

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

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

此信息是否有帮助?

谢谢您的反馈!

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

×