4

で使用されるレンダラーをオーバーライドすることは可能<h:selectOneRadio>ですか? JSF 2.2 の jsf-impl パッケージからクラスを見つけようとしましたが、見つかりませんでした。これを行う理由は、それが生成するテーブルを取り除くためです。

4

2 に答える 2

4

h:selectOneRadio で使用されるレンダラーをオーバーライドすることは可能ですか?

はい、確かにそうです。そうでなければ、PrimeFaces のような UI コンポーネント ライブラリは存在できません。

jsf-impl パッケージからクラスを見つけようとしましたが、見つかりませんでした。

正確なクラスは、使用している JSF 実装によって異なります。それがモハラなら、それはcom.sun.faces.renderkit.html_basic.RadioRendererクラスです。MyFaces の場合は、org.apache.myfaces.renderkit.html.HtmlRadioRendererクラスです。

それを適切にオーバーライドするには、クラスを拡張し、必要に応じてメソッドをオーバーライドして、次のように に登録しますfaces-config.xml。

<render-kit>
    <renderer>
        <component-family>javax.faces.SelectOne</component-family>
        <renderer-type>javax.faces.Radio</renderer-type>
        <renderer-class>com.example.MyRadioRenderer</renderer-class>
    </renderer>
</render-kit>

このように、レンダラーを特定の JSF 実装/バージョンに密結合していることに注意してください。このような拡張レンダラーは、別の JSF 実装と互換性がなく (つまり、Mojarra を MyFaces に置き換えてもアプリはデプロイされません)、現在の JSF 実装が新しいバージョンに更新されたときに壊れる可能性があります。これが心配な場合は、PrimeFaces などのように、レンダラーを完全にゼロから作成することを検討してください。行う。

これを行う理由は、それが生成するテーブルを取り除くためです。

車輪を再発明する代わりに、TomahawkまたはPrimeFacesを検討することを検討してください。それらにはそれぞれ<t:selectOneRadio layout="spread"><t:radio>と<p:selectOneRadio layout="custom"><p:radioButton>があり、それらを好きな場所に配置できます。

以下も参照してください。

于 2013-08-22T19:46:44.803 に答える
1

追加した

  <render-kit>
        <renderer>
            <component-family>javax.faces.SelectOne</component-family>
            <renderer-type>javax.faces.Radio</renderer-type>
            <renderer-class>com.sial.ecommerce.configurator.ui.model.RadioRendererWithoutDataTable</renderer-class>
        </renderer>
    </render-kit>

にfaces-config.xml。

拡張するクラスを作成しcom.sun.faces.renderkit.html_basic.RadioRenderer、メソッドをオーバーライドしてから、要素encodeEnd を追加するコードをコメントアウトしました。table

public class RadioRendererWithoutDataTable extends com.sun.faces.renderkit.html_basic.RadioRenderer {
    @Override
    public void encodeEnd(FacesContext context, UIComponent component) throws IOException {

        rendererParamsNotNull(context, component);

        if (!shouldEncode(component)) {
            return;
        }

        ResponseWriter writer = context.getResponseWriter();
        assert (writer != null);

        String alignStr;
        Object borderObj;
        boolean alignVertical = false;
        int border = 0;

        if (null != (alignStr = (String) component.getAttributes().get("layout"))) {
            alignVertical = alignStr.equalsIgnoreCase("pageDirection");
        }
        if (null != (borderObj = component.getAttributes().get("border"))) {
            border = (Integer) borderObj;
        }

        Converter converter = null;
        if (component instanceof ValueHolder) {
            converter = ((ValueHolder) component).getConverter();
        }

//      renderBeginText(component, border, alignVertical, context, true);

        Iterator<SelectItem> items = RenderKitUtils.getSelectItems(context, component);

        Object currentSelections = getCurrentSelectedValues(component);
        Object[] submittedValues = getSubmittedSelectedValues(component);
        Map<String, Object> attributes = component.getAttributes();
        OptionComponentInfo optionInfo = new OptionComponentInfo((String) attributes.get("disabledClass"),
                (String) attributes.get("enabledClass"), (String) attributes.get("unselectedClass"),
                (String) attributes.get("selectedClass"), Util.componentIsDisabled(component), isHideNoSelection(component));
        int idx = -1;
        while (items.hasNext()) {
            SelectItem curItem = items.next();
            idx++;
            // If we come across a group of options, render them as a nested
            // table.
            if (curItem instanceof SelectItemGroup) {
                // write out the label for the group.
                if (curItem.getLabel() != null) {
//                  if (alignVertical) {
//                      writer.startElement("tr", component);
//                  }
                    //writer.startElement("td", component);
                    writer.writeText(curItem.getLabel(), component, "label");
//                  writer.endElement("td");
//                  if (alignVertical) {
//                      writer.endElement("tr");
//                  }

                }
//              if (alignVertical) {
//                  writer.startElement("tr", component);
//              }
//              writer.startElement("td", component);
//              writer.writeText("\n", component, null);
//              renderBeginText(component, 0, alignVertical, context, false);
                // render options of this group.
                SelectItem[] itemsArray = ((SelectItemGroup) curItem).getSelectItems();
                for (int i = 0; i < itemsArray.length; ++i) {
                    renderOption(context, component, converter, itemsArray[i], currentSelections, submittedValues, alignVertical, i,
                            optionInfo);
                }
//              renderEndText(component, alignVertical, context);
//              writer.endElement("td");
//              if (alignVertical) {
//                  writer.endElement("tr");
//                  writer.writeText("\n", component, null);
//              }
            } else {
                renderOption(context, component, converter, curItem, currentSelections, submittedValues, alignVertical, idx, optionInfo);
            }
        }

        //renderEndText(component, alignVertical, context);
    }

それは私のために働いた。

あげたとき

<h:selectOneRadio >
<f:selectItem itemValue="1" itemLabel="Item 1" />
<f:selectItem itemValue="2" itemLabel="Item 2" />
</h:selectOneRadio>

私のjsfページで。

に変換した

<input type="radio" name="bulkForm:j_idt224" id="bulkForm:j_idt224:0" value="1"><label for="bulkForm:j_idt224:0"> Item 1</label>

<input type="radio" name="bulkForm:j_idt224" id="bulkForm:j_idt224:1" value="2"><label for="bulkForm:j_idt224:1"> Item 2</label>

それは私が必要としていたものでした。

于 2015-04-29T05:32:28.600 に答える