获取gridview拖放的单元格坐标 [英] Getting cell coordinates of gridview drag-and-drop

问题描述

我正在尝试在网格视图中进行拖放操作。我想将两个单元格拖入彼此，然后定义我自己的处理。拖放本身已经到位，但我无法找到拖动开始和结束位置的单元格坐标。 JS和网格代码如下。麻烦在于parentElement，浏览器说它是未定义的，尽管ID是其中一个单元格图像。我做错了什么？

I'm trying to get a drag-and-drop to work within a gridview. I want to drag two cells into eachother, then define my own processing. The drag-and-drop itself is in place, but I'm having trouble finding the cell coordinates where dragging began and where it ended. JS and grid code is below. The trouble is in the "parentElement", the browser says it is undefined, though the ID is one of the cell images. What am I doing wrong?

    $('.minnymouse').droppable({
        drop: function (ev, ui) {
            alert('drop');
            accept: '.Kwartier',
                 alert('Accept kwartier');

            var y = $(this);
            alert(y.attr('id'));
            alert(y.parentElement.parentElement.rowIndex)

        }
    });

<asp:GridView ID="gvWeekschema" runat="server" AutoGenerateColumns="False"
    AllowPaging="True" PageSize="1000"
    OnDataBound="Weekschema_DataBound"
    OnDataBinding="Weekschema_DataBinding"
    OnRowDataBound="Weekschema_RowDataBound"
    AllowDrop="True"
    CanDragItems="True"
    CanReorderItems="False"

    OnPreRender="Weekschema_PreRender"
    Font-Size="Smaller" Font-Names="Arial" ShowFooter="true">


    <Columns>
        <asp:BoundField DataField="Time" HeaderText="Tijd"
            ReadOnly="True" >
        </asp:BoundField>
        <asp:TemplateField HeaderText="Ma ">
            <ItemTemplate>

               <asp:Image ID="dg0000" runat="server" ImageUrl="images/KwartierNiks.jpg" onclick="test(this)" className="Kwartier" onmousedown="getXYdown(this)" onmouseup="getXYup(this)"/><br />
               <asp:Image ID="dg0001" runat="server" ImageUrl="images/KwartierNiks.jpg" onclick="test(this)" className="Kwartier" onmousedown="getXYdown(this)" onmouseup="getXYup(this)"/><br />
               <asp:Image ID="dg0002" runat="server" ImageUrl="images/KwartierNiks.jpg" onclick="test(this)" className="Kwartier" onmousedown="getXYdown(this)" onmouseup="getXYup(this)"/><br />
               <asp:Image ID="dg0003" runat="server" ImageUrl="images/KwartierNiks.jpg" onclick="test(this)" className="Kwartier" onmousedown="getXYdown(this)" onmouseup="getXYup(this)"/><br />
            </ItemTemplate>
            <ControlStyle Font-Bold="True" Width="100px" CssClass="minnymouse"/>
        </asp:TemplateField>

推荐答案

（'。minnymouse'）。droppable（{
drop：function（ev，ui）{
警报（ '下降'）;
接受：'。Kwartier'，
alert（'接受kwartier'）;

var y =

('.minnymouse').droppable({ drop: function (ev, ui) { alert('drop'); accept: '.Kwartier', alert('Accept kwartier'); var y =

（this）;
alert（y.attr（'id'））;
alert（y.parentElement.parentElement.rowIndex）

}
}）;

< asp：GridView ID = gvWeekschema runat = server AutoGenerateColumns = False
AllowPaging = True PageSize = 1000
OnDataBound = Weekschema_DataBound
OnDataBinding = Weekschema_DataBinding
OnRowDataBound = Weekschema_RowDataBound
AllowDrop = True
CanDragItems = True
< span class =code-attribute> CanReorderItems = 错误

OnPreRender = Weekschema_PreRender
字体大小 = 更小 字体名称 = Arial ShowFooter < span class =code-keyword> = true >


< 列 >
< asp：BoundField DataField = 时间 HeaderText = Tijd
ReadOnly = 真 > ;
< / asp：BoundField >
< asp：TemplateField HeaderText = Ma >
< ItemTemplate >

< asp：Image ID = dg0000 runat = < span class =code-keyword> server ImageUrl = images / KwartierNiks.jpg onclick = test（this） className = Kwartier onmousedown = getXYdown（this） onmouseup = getXYup（this） / > < br / >
< asp：Image ID = dg0001 runat = server ImageUrl = images / KwartierNiks.jpg onclick = test（this） className = < span class =code-keyword> Kwartier onmousedown = getXYdown（this） onmouseup = getXYup（this） / > < br / >
< asp：Image < span class =code-attribute> ID = dg0002 runat = server ImageUrl = images / KwartierNiks.jpg onclick = test（this） className = Kwartier onmousedown = getXYdown（this） onmouseup = getXYup（this ） / > < br / >
< asp：Image ID = dg0003 runat = server ImageUrl = images / KwartierNiks.jpg onclick = test（this） className = Kwartier onmousedown = getXYdown（this） onmouseup = getXYup（this） / > < br / >
< / ItemTemplate >
< ControlStyle Font-Bold = True 宽度 = 100px CssClass = minnymouse / >
< / asp：TemplateField >

(this); alert(y.attr('id')); alert(y.parentElement.parentElement.rowIndex) } }); <asp:GridView ID="gvWeekschema" runat="server" AutoGenerateColumns="False" AllowPaging="True" PageSize="1000" OnDataBound="Weekschema_DataBound" OnDataBinding="Weekschema_DataBinding" OnRowDataBound="Weekschema_RowDataBound" AllowDrop="True" CanDragItems="True" CanReorderItems="False" OnPreRender="Weekschema_PreRender" Font-Size="Smaller" Font-Names="Arial" ShowFooter="true"> <Columns> <asp:BoundField DataField="Time" HeaderText="Tijd" ReadOnly="True" > </asp:BoundField> <asp:TemplateField HeaderText="Ma "> <ItemTemplate> <asp:Image ID="dg0000" runat="server" ImageUrl="images/KwartierNiks.jpg" onclick="test(this)" className="Kwartier" onmousedown="getXYdown(this)" onmouseup="getXYup(this)"/><br /> <asp:Image ID="dg0001" runat="server" ImageUrl="images/KwartierNiks.jpg" onclick="test(this)" className="Kwartier" onmousedown="getXYdown(this)" onmouseup="getXYup(this)"/><br /> <asp:Image ID="dg0002" runat="server" ImageUrl="images/KwartierNiks.jpg" onclick="test(this)" className="Kwartier" onmousedown="getXYdown(this)" onmouseup="getXYup(this)"/><br /> <asp:Image ID="dg0003" runat="server" ImageUrl="images/KwartierNiks.jpg" onclick="test(this)" className="Kwartier" onmousedown="getXYdown(this)" onmouseup="getXYup(this)"/><br /> </ItemTemplate> <ControlStyle Font-Bold="True" Width="100px" CssClass="minnymouse"/> </asp:TemplateField>

这篇关于获取gridview拖放的单元格坐标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！