3

是否可以在 Oracle APEX 中使用 4 个按钮设计页面（或区域），如 APEX 主页上的按钮（登录后）？

我试过了，但我不知道该怎么做。
我尝试使用自定义 HTML，使用表格和 HTML 按钮，但没有显示 HTML 按钮。

提前致谢。

4

3 回答 3

7

绝对有可能，因为APEX接口本身就是内置在APEX中的！

这是带有 4 个按钮的页面的页面源代码的一部分：

<div class="apex-list-horizontal">
 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4000:1500:1830284778179490:::::" title="Application Builder"><img src="/i/apex/builder/menu-appbuilder-128.gif" width="128" height="128" title="Application Builder" alt="Application Builder" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4000:1500:1830284778179490:::::" title="Application Builder">Application Builder</a>
  </div>
 </div>
 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4500:3002:1830284778179490::NO:::" title="SQL Workshop"><img src="/i/apex/builder/menu-sqlws-128.gif" width="128" height="128" title="SQL Workshop" alt="SQL Workshop" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4500:3002:1830284778179490::NO:::" title="SQL Workshop">SQL Workshop</a>
  </div>
 </div>
 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4800:4000:1830284778179490:::::" title="Team Development"><img src="/i/apex/builder/menu-teamdev-128.gif" width="128" height="128" title="Team Development" alt="Team Development" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4800:4000:1830284778179490:::::" title="Team Development">Team Development</a>
  </div>
 </div>
 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4350:1:1830284778179490:::::" title="Administration"><img src="/i/apex/builder/menu-admin-128.gif" width="128" height="128" title="Administration" alt="Administration" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4350:1:1830284778179490:::::" title="Administration">Administration</a>
  </div>
 </div>
</div>

每个按钮都像这样的片段：

 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4000:1500:1830284778179490:::::" title="Application Builder"><img src="/i/apex/builder/menu-appbuilder-128.gif" width="128" height="128" title="Application Builder" alt="Application Builder" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4000:1500:1830284778179490:::::" title="Application Builder">Application Builder</a>
  </div>
 </div>

因此，您可以创建一个类似于以下内容的按钮模板：

 <div class="noncurrent">
  <div class="image">
    <a href="#LINK#" title="Application Builder"><img src="/myImages/#BUTTON_ATTRIBUTES#" width="128" height="128" title="#LABEL#" alt="#LABEL#" alt="" /></a>
  </div>
  <div class="label">
    <a href="#LINK#" title="#LABEL#">#LABEL#</a>
  </div>
 </div>

在每个按钮中，您将定义标签、链接 URL，我假设您可以使用“按钮属性”来保存图像名称。

实现此目的的另一种方法是将按钮定义（标签、URL、图像位置）保存在表格中并创建如下报告：

select label, url, image_loc
from mybuttons
where ...;

现在您可以构建一个报告模板（“行模板”样式），其中每一行都有模板：

 <div class="noncurrent">
  <div class="image">
    <a href="#URL#" title="Application Builder"><img src="#IMAGE_LOC#" width="128" height="128" title="#LABEL#" alt="#LABEL#" alt="" /></a>
  </div>
  <div class="label">
    <a href="#URL#" title="#LABEL#">#LABEL#</a>
  </div>
 </div>
于 2012-08-16T14:11:24.407 回答
2

您可以创建一个列表（共享组件），并使用“带标签的水平图像”模板。将您的图像上传到#WORKSPACE_IMAGES#，并为每个列表条目，在“图像”字段中选择适当的图像。

如果您创建 Page 0 并在其中添加此列表区域，它将出现在应用程序的每个页面上。

于 2012-08-19T22:53:00.103 回答
2

此菜单是使用共享组件->导航->列表功能构建的。

查看此文档：http ://docs.oracle.com/cd/E17556_01/doc/user.40/e15517/nav.htm#CHDEEFAB

或 APEX 3.2 的此文档：http: //docs.oracle.com/cd/E14373_01/appdev.32/e13363/issue_track_ui.htm#BGBIICHF

于 2012-08-16T15:02:56.677 回答