設定方法<aui:button>アイコンはJavascriptを使わずにLiferayで表示されますか？

Question

私はこのtutorialのように<aui:button>にアイコンを設定しようとしています。 しかし、そこに記載されている解決策は私の場合はうまくいきません。テーブルがあり、各行に異なるresourceUrlのボタンがあるからです。このように：

<portlet:resourceURL id="saveReport" var="saveReportURL"> 
    <portlet:param name="reportId" value="${report.reportId}" /> 
</portlet:resourceURL> 

<aui:button onclick="location.href = '${saveReportURL}'"> 

それはチュートリアルで説明したようにJavaScriptを使用しなくても<aui:button>のアイコンを設定することは可能ですか？

おかげ

Answer 1

あなたのボタンにこれらIcon CSSクラスのいずれかを追加することにより、JavaScriptを使用しなくてもボタンにアイコンを追加することができるはずです。あなたはカレンダーアイコンの付いたボタンを作成したい場合たとえば、あなたのコードは次のようになります。

<aui:button class="icon-calendar" ... /> 

Answer 2

あなたはLiferayの合金ボタン

<aui:button type="cancel" cssClass="btn-info" icon="icon-upload-alt" iconAlign="right" value="upload" /> 

にアイコンを設定するためのコードの下にこれを書くことができます

この設定のためアイコン属性を使用する必要がある「アイコングリフを」
あなたがを使用する必要がありますあなたはボタンのテキスト値

の左側または右側のためiconAlign属性を設定する必要が設​​計
のために余分なデザインのボタンクラスを追加するためのCssClass