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

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

在 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', 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 元素中呈现小组件。

rootId:–1

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

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