2

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

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

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

<aui:button>チュートリアルにあるようにJavaScriptを使わずにアイコンを設定することはできますか?

ありがとう

4

2 に答える 2

4

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

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

この設定にはicon属性を使用する必要があります " Icon glyphs " cssClass
を使用して、デザイン用の追加のデザイン ボタン クラスを追加 する必要があります ボタンのテキスト値の左側または右側に iconAlign属性 を設定する必要があります

于 2015-10-10T07:36:43.687 に答える
2

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

<aui:button class="icon-calendar" ... />
于 2014-09-10T14:44:33.443 に答える