创建和使用小组件 › 嵌入用于请求服务和管理请求的小组件 › 使用状态小组件和其他小组件以允许用户访问请求 › 使用状态和请求列表小组件以允许请求经理批准和拒绝请求 › 使用源代码调用编辑请求小组件

使用源代码调用编辑请求小组件

在 Liferay 中，可以通过创建 portlet 并指定源代码来调用“编辑请求”小组件。 查看以下用于生成先前编辑请求小组件示例的步骤。 将其用作在实施中配置“编辑请求”小组件的显示和行为的模型。

遵循这些步骤:

1. 在门户页面上，执行以下操作来创建 portlet：
   1. 单击“添加”、“Web 内容显示”。
   2. 单击加号图标（添加 Web 内容）。

      将显示“新建 Web 内容”窗口。

   3. 指定必填字段，然后关闭此窗口。

   新的 portlet 将添加到 Liferay 中。

2. 单击页面顶部的“编辑控件”。
3. 将鼠标悬停在该 portlet 上，然后单击铅笔（编辑 Web 内容）图标。

   将显示 portlet 设置。

4. 在“内容”窗口中，单击“源”。

   源容器将打开以用于编辑。

5. 查看先前“编辑请求”小组件示例的以下源代码和关键参数。 将其用作指定源的模型。
6. 执行以下操作：
   • 关闭源容器。
   • 发布并查看更新的 portlet。
   • 如有必要，请改进规范，直到小组件符合您的要求。

源代码和关键参数

“编辑请求”小组件示例的源代码如下：

<script type="text/javascript" src="http://hostname:portnumber/usm/gwt/fdRenderer/fdRenderer.nocache.js"></script>

<script type="text/javascript" language="javascript" src="http://hostname:8080/usm/explorer/scripts/edit.request.widget.js">

<script> CA_Catalog.buildWidget({ type: 'edit.request', renderTo: 'targetDiv', login credentials, businessUnit:"London222",  rootId: -1, linkColor: 'inherit', borderColor: 'darkGreen', layout:'layout-8', openIn:'_self'}); </script>

<div align="left" id="targetDiv" style="margin-bottom: 10px;">
	&nbsp;</div>

第一行引用“编辑请求”小组件所需的表单呈现器。

第二行引用“编辑请求”小组件的 JavaScript 文件。

第三行使用“编辑请求”小组件的配置参数指定 JavaScript。

注意：请以逗号分隔各参数，但不要在最后一个参数后指定逗号。

第四行指定在其中呈现“编辑请求”小组件的 DOM 元素。

“编辑请求”小组件示例中的 CA_Catalog.buildWidget 函数调用的关键参数和解释如下所示。

登录凭据

建议对于小组件使用单一登录。 但是，如果您需要用于此小组件的登录凭据，请在以下函数调用中指定它们。 采用以下格式：

username: 'username', password: 'password'

type:"edit.request"

指定小组件为“编辑请求”小组件。

renderTo:"targetDiv"

指定在 ID 为 targetDiv 的 DOM 元素中呈现小组件。

businessUnit:"London222"

指定在利用此“编辑请求”小组件时目录用户可以访问的业务单位。 用户可以编辑此业务单位的所有文件夹中的请求。

例如，如果您指定根业务单位，用户可以编辑所有业务单位（包括根业务单位）中的所有文件夹的请求。 反之，如果您指定最低级别业务单位，用户仅可以编辑来自该业务单位的请求。

如果您不指定值，目录系统使用访问小组件的用户的默认业务单位。

rootId:–1

指定“请求列表”小组件最初打开时不显示任何内容。

只要用户单击“状态”小组件上的选项，“请求列表”小组件便会显示匹配项：购物车、开出的请求、完成的请求或请求待处理操作。

注意：如果您指定请求，其必须在用户可以访问的业务单位中存在，如 businessUnit 参数所说明。