2017-04-24 3 views
0

素数入力フィールドまたは他の誰かをドラッグすることは可能ですか? primefacesサイトには、ドラッグできるパネルがあります。素形入力フィールドをドラッグすることはできますか?

script.js

var xPos; 
var yPos; 

$(document).ready(function() { 

$('#textfeld').draggable({ 
    drag : function() { 
     var offset = $(this).offset(); 

     // Getting the values from the drag item into variables 
     xPos = offset.left; 
     yPos = offset.top; 

     // Setting the text to the drag item 
     // $('#posX').text('x: ' + xPos); 
     // $('#posY').text('y: ' + yPos); 

     document.getElementById('myForm:x').value = xPos; 
     document.getElementById('myForm:y').value = yPos; 

    } 
}); 

}); 

そして、私のhtmlコード:

[...] 

<p:inputText id="textfeld"></p:inputText> 

<h:form id="myForm"> 
    <h:inputHidden value="#{managedBean.x}" id="x" /> 
    <h:inputHidden value="#{managedBean.y}" id="y" /> 
    <p:commandButton value="Execute" actionListener="#{managedBean.speichern}" /> 
</h:form> 

<h:outputScript library="js" name="script.js"></h:outputScript> 

[...] 
+0

だから何がこのコードで発生(ブラウザの開発者ツールを使用して)紹介PrimeFacesで私のために完璧に動作しますか? JavaScriptのエラー? WW-III?詳しく教えてください。使用しているIDが正しいかどうか(クライアント側)、私はそれが – Kukeltje

+0

であるとは思わない。エラーはありません –

+0

'$( '#textfeld')'は 'inputField'を返しますか? 'h:inputText'を試しましたか? – Kukeltje

答えて

1

私はこれを再現することはできません

私のコードは次のようになります。それは

$("#j_idt87").draggable({ cancel: null }); 

(、開発者ツールを使用して、実際のIDを確認し、場合によっては異なる場合があります)

+0

えええええええええええええええええええええええええええええええええええええええええとまたは、あなたはエラーを受け取りましたか(あなたの他の質問を考慮して) – Kukeltje

+0

しかし、 'p:inputText'プラグインがロードされていない可能性があります。ダミー 'p:tab'または' p:selectOneMenu'または ''または何か、しかし**あなたは**エラーが発生している必要があります) – Kukeltje

+0

ビューソースを参照してください:https://www.primefaces.org/showcase/ui/input/inputText.xhtml https://www.primefaces.org/showcase/javax.faces.resource/jquery/jquery-plugins.js .xhtml?ln = primefaces&v = 6.1-SNAPSHOT –