私は 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を含まない)リンクをに変換する方法がわかりませんボタン。機能ボタンは $ では使用できません。プライムフェイスに含まれるボタンメソッドの使用方法を教えてもらえますか?
前もって感謝します!