首页 文章

oracle顶点按钮

提问于
浏览
3

是否可以在APEX主页上(登录后)使用4个按钮在Oracle APEX中设计页面(或区域)?

我试过,但我不知道该怎么做 .
我尝试使用自定义HTML,使用表格和HTML按钮,但不显示HTML按钮 .

提前致谢 .

3 回答

  • 1

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

    如果您创建了一个Page 0并在那里添加了这个列表区域,它将出现在您的应用程序的每个页面上 .

  • 1

    这绝对是可能的,因为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>
    
  • 6

    此菜单使用 Shared Components->Navigation->Lists 功能构建 .

    查看此文档: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

相关问题