4

私は JSF アプリケーションを構築しており、単純な h:link を jquery ui ボタン ウィジェットを使用してボタンのように見えるように変換したいと考えています。私は JSF2 と primefaces 3.5 を使用しています。

jquery-ui.js を手動で追加し、次の xhtml を作成しました。

<h:link styleClass="linkGr" outcome="#{listadoUsuario.verUser(user.username)}">ver</h:link>
<script>$(".linkGr").button({icons: {primary: "ui-icon-pencil"},text: false});</script>

これをページに含めると問題なく動作しますが、他のページでは次のエラーが表示されます。

TypeError: Object function (f,h,e){var g=f.split(".")[0],j;f=f.split(".")[1];j=g+"-"+f;if(!e){e=h;h=b.Widget}b.expr[":"][j]=function(k){return !!b.data(k,f)};b[g]=b[g]||{};b[g][f]=function(k,l){if(arguments.length){this._createWidget(k,l)}};var i=new h();i.options=b.extend(true,{},i.options);b[g][f].prototype=b.extend(true,i,{namespace:g,widgetName:f,widgetEventPrefix:b[g][f].prototype.widgetEventPrefix||f,widgetBaseClass:j},e);b.widget.bridge(f,b[g][f])} has no method 'extend'

これは、primefaces が jquery-plugins.js を追加するページで発生することに注意してください。

jquery-pluginsがボタンウィジェットを追加するのを見るので、jquery-ui javascriptを手動で含めないようにしましたが、問題はjquery-pluginsを追加するときです(jquery-ui.jsを含まない)リンクをに変換する方法がわかりませんボタン。機能ボタンは $ では使用できません。プライムフェイスに含まれるボタンメソッドの使用方法を教えてもらえますか?

前もって感謝します!

4

1 に答える 1

1

PrimeFaces にはすでに jQuery UI が組み込まれているため、自分でバンドルしないでください。成分ありp:buttonPrimefaces Showcaseの例を次に示します。だからあなたの場合:

<p:button outcome="#{listadoUsuario.verUser(user.username)}" value="ver" icon="ui-icon-pencil"/>   

使用できます

 <f:param name="productId" value="10" /> 

URL に GET パラメータが必要な場合。

参照: https://stackoverflow.com/a/18916907/2692917

于 2013-09-29T18:42:49.510 に答える