1

私はオラクルのモバイルアプリケーションフレームワークが初めてです。リンクまたはボタンをクリックしているときに、さまざまな背景色を変更するにはどうすればよいですか。たとえば、青、緑、赤の 3 つのボタンがあります。青をクリックすると全身の背景が青になり、赤をクリックすると全身の背景が赤になります。このように、AMXファイルでこれを行うにはどうすればよいですか。

<?xml version="1.0" encoding="UTF-8" ?>
<amx:view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:amx="http://xmlns.oracle.com/adf/mf/amx"
          xmlns:dvtm="http://xmlns.oracle.com/adf/mf/amx/dvt">
  <amx:panelPage id="pp1">
    <amx:facet name="header">
      <amx:outputText value="Header" id="ot1"/>
    </amx:facet>
    <amx:panelStretchLayout>
      <amx:facet name="top">
        <amx:selectOneButton  id="sob1">
          <amx:selectItem label="One" id="si1"/>
          <amx:selectItem label="Two" id="si2" value="adfmf-panelPage-alternateColor"/>
          <amx:selectItem label="Three" id="si3" value="adfmf-panelPage-springboard"/>
        </amx:selectOneButton>
      </amx:facet>
      <amx:facet name="center">
      <amx:commandButton text="click" id="cb1">
          <amx:showPopupBehavior id="spb1" type="action" align="overlapBottomCenter" decoration="simple" alignId="pp1"
                                 popupId="p1"/>
        </amx:commandButton>
      </amx:facet>
      <amx:facet name="bottom"/>
    </amx:panelStretchLayout>    
  </amx:panelPage>
  <amx:popup id="p1" animation="slideUp" autoDismiss="true" backgroundDimming="off"
             inlineStyle="background-color:#b5e7ff; height:50%; width:60%;">
    <amx:outputText value="Popup is open" id="ot2"/>
  </amx:popup>
</amx:view>

ここに、選択されたアイテムがあります。この3つで、さまざまな背景をどのように行うことができますか。

また、AMX で css ファイルを参照するにはどうすればよいですか。つまり、通常の HTML では、このように head セクションを指定しています。AMX ページでは、どのように css ファイルを参照できますか。

4

1 に答える 1

0

目標を達成する方法はいくつかあります

ステップ1

setPropertyListener最初のボタンに1つ追加

 <amx:setPropertyListener id="spl1" from="blue"
                                             to="#{pageFlowScope.changeColor}" type="action"/>

色に応じてこれをボタンに追加します（あなたの場合は青、緑、赤）

ステップ2

with 条件のinlineプロパティを設定するamx:panelPage

#{pageFlowScope.changeColor eq 'blue' ? 'background-color:blue' : (pageFlowScope.changeColor eq 'red' ? 'background-color:red' : (pageFlowScope.changeColor eq 'green' ? 'background-color:green' : ''))}
于 2016-08-10T14:00:02.453 に答える