Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用拖动选项在gridView中移动行_Javascript_Jquery_Html_Asp.net_Drag And Drop - Fatal编程技术网

Javascript 如何使用拖动选项在gridView中移动行

Javascript 如何使用拖动选项在gridView中移动行,javascript,jquery,html,asp.net,drag-and-drop,Javascript,Jquery,Html,Asp.net,Drag And Drop,我想使用拖动选项来移动gridview的行。但使用我的代码,拖动不起作用。 测试代码为: **// using C# code** protected void Page_Load(object sender, EventArgs e) { DataTable dt = new DataTable(); DataRow row = null; System.Data.DataColumn tColumn = null; // TA

我想使用拖动选项来移动gridview的行。但使用我的代码,拖动不起作用。 测试代码为:

**// using C# code**
    protected void Page_Load(object sender, EventArgs e)
        {
    DataTable dt = new DataTable();
        DataRow row = null;
    System.Data.DataColumn tColumn = null;      // TABLE COLUMNS. 

            tColumn = new System.Data.DataColumn("Database Column", System.Type.GetType("System.String"));
            dt.Columns.Add(tColumn);
            dt.Rows.Add("Title");
            dt.Rows.Add("FirstName");
            dt.Rows.Add("MiddleName");
            dt.Rows.Add("LastName");
    GridView3.DataSource = dt;
            GridView3.DataBind();
    }

**//using .aspx code**
        <asp:GridView ID="GridView2"  CellPadding="5" CellSpacing="0"  OnRowDataBound="GridView2_RowDataBound" 
                        ForeColor="#333"          runat="server">

                        <HeaderStyle BackColor="#989898" ForeColor="white" />

                    </asp:GridView>
        **// .js code**
        <script type="text/javascript">
               $(document).ready(function () {
                   $("#GridView2").tableDnD();
               });
    </script>
**//使用C#代码**
受保护的无效页面加载(对象发送方、事件参数e)
{
DataTable dt=新的DataTable();
DataRow行=null;
System.Data.DataColumn tColumn=null;//表列。
tColumn=newsystem.Data.DataColumn(“数据库列”,System.Type.GetType(“System.String”);
dt.Columns.Add(tColumn);
dt.行。添加(“标题”);
dt.行。添加(“名字”);
添加(“中间名”);
添加(“姓氏”);
GridView3.DataSource=dt;
GridView3.DataBind();
}
**//使用.aspx代码**
**//.js代码**
$(文档).ready(函数(){
$(“#GridView2”).tableDnD();
});
我正在使用代码,但此代码不起作用。 编辑后。。 我的js插件是:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="https://github.com/isocra/TableDnD/blob/master/js/jquery.tablednd.0.7.min.js" type="text/javascript"></script>


“不工作”不是错误消息或问题陈述。我们不能在代码中修复“不工作”,就像一个技工可以在没有任何其他信息的情况下修复一辆“不工作”的汽车一样。它怎么不起作用?运行代码时会发生什么?另外,我们不知道
.tableDnD()
方法的作用。它是来自某个插件吗?如果是这样的话,请提及该插件并提供文档链接。如果您显示由您的aspx&C代码呈现的最终HTML,也会有很大帮助。任何jQuery代码都将直接在HTML上操作,而不是在aspx上。因此,如果aspx不能产生您所期望的或与您的拖放插件兼容的内容,则可能会导致此问题。加载页面后,可以使用浏览器的元素检查器(在开发工具中)或通过浏览器的“查看源代码”屏幕查看呈现的HTML。请将从gridview创建的HTML粘贴到您的问题中供我们查看,谢谢。@ADyson请检查我编辑的问题。请按照我上面的要求添加HTML。谢谢你。