可以拖动Primefaces Inputfield吗? [英] Possible to drag Primefaces Inputfield?

查看:83
本文介绍了可以拖动Primefaces Inputfield吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

是否可以拖动素数输入字段或其他人? 在primefaces网站上,只有我可以拖动的面板.

It is possible to drag an primefaces inputfield or someone else ? On primefaces site there are just panels that i can drag.

我的代码如下:

script.js

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代码:

And my html code:

 [...]

<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>

[...]

推荐答案

我无法重现此内容.在PrimeFaces展示柜中(通过浏览器开发人员工具),它非常适合我

I cannot reproduce this. It works perfectly for me in the PrimeFaces showcase (via a browser developer tool)

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

(通过开发者工具检查真实ID,在某些情况下可能会有所不同)

(check the real id via the developer tool, might differ in some cases)

这篇关于可以拖动Primefaces Inputfield吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆