0

部門名、学生名、シリアル番号、年齢、コメントの 5 つのタブを備えたアコーディオン パネルがあります。各タブには、入力する主要な顔のテキスト領域があります。すべての詳細を入力したら、保存します。今、私はこの情報を編集しようとします。情報の編集中に、以下のようにアコーディオン パネルの実装が必要です。

  1. 編集をクリックすると、編集p:inputTextareaできるように有効にする方法が表示されます。現在、タブは ではなくハイライト表示されていp:inputTextareaます。
  2. 情報が編集されると、保存後にそれぞれのタブが強調表示されます。たとえば、年齢とコメントが編集されている場合、ユーザーが年齢とコメントが編集されたことを理解できるように、保存後に 2 つのタブを強調表示する必要があります。アクティブなインデックスを設定すると、タブが 1 つだけ開きます。複数を true に設定すると、すべてのタブが開きます。これを実装する方法は？
4

1 に答える 1

0

アコーディオンパネルのバインディング属性を使用します。データを保存するときに、どのタブを強調表示する必要があるかを決定します。バッキングBeanでは、それに応じてアクティブタブを設定します。

例：

あなたの見解では：

<p:accordionPanel autoHeight="false"  binding="#{mybackingbean.panel}"  ....other attributes you need... />

バッキングビーン：

@ManagedBean(name="mybackingbean")
public class MyBackingBean
{
    private AccordionPanel panel;

    //Setter and getter for panel

    public String saveAction() 
    {
        if(somecondition)
        {
            panel.setActiveIndex(1);
        }
        else
        {
            panel.setActiveIndex(0);
        }

        return "";
    }
}
于 2013-03-21T05:32:49.843 に答える