3

可能かどうかはわかりませんが、学校のプロジェクトのほとんどでブートストラップを使用しています。管理パネルで通常使用するデザイン属性の 1 つは、アイコンの使用です (編集 = 鉛筆、削除 = 十字、追加​​ = プラス、...)。

これらの単純なボタンをレンダリングするには、次のコードを使用します。

<a href="#" class="btn"><i class="icon-pencil"></i></a>

JSFで使用して、次を使用してみました：

<h:commandButton value="<i class='icon-delete icon-white'></i>" class="btn-danger" action="#{horseController.delete(item.id)}" />

しかし、次のエラー メッセージに示されているように、'<' は許可されていないようです。

/admin/horses.xhtml の解析エラー: トレースされたエラー[行: 27] 要素タイプ「null」に関連付けられた属性「値」の値には、「<」文字を含めることはできません。

だから私の質問は次のとおりです。この場合、コマンドボタンでアイコンを使用するために、タグを使用することはどのように可能ですか?

4

1 に答える 1

6

<h:commandButton>目的に対して間違ったタグです。<input type="submit">HTML要素が必要なときにHTML要素を生成します<a>。<h:commandLink>代わりにが必要です。

<h:commandLink class="btn-danger" action="#{horseController.delete(item.id)}">
    <i class="icon-delete icon-white" />
</h:commandLink>
于 2013-01-17T00:36:15.220 に答える