Javascript c#和jquery的拖放gridview问题
我正在尝试使用jquery库拖放gridview，但它不起作用，我已经遵循了一些代码示例，如或下面的示例 或者什么都没有，我就卡住了。我有这个密码 首先是页面母版，我有以下内容：Javascript c#和jquery的拖放gridview问题,javascript,c#,jquery,asp.net,gridview,Javascript,C#,Jquery,Asp.net,Gridview,我正在尝试使用jquery库拖放gridview，但它不起作用，我已经遵循了一些代码示例，如或下面的示例 或者什么都没有，我就卡住了。我有这个密码 首先是页面母版，我有以下内容： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"> </script>
<link rel="stylesheet" href="Styles/Coaching.css" type="text/css" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"/>
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"/>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<style>
.noselect
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
cursor: move;
}
.selected
{
background-color: Lime;
}
</style>
<style type="text/css">
.selected
{
color : White !important;
background-color : Teal !important;
}
</style>
<script type="text/javascript">
var strorder;
$(function () {
$("[id*=grdResultados]").sortable({
items: 'tr:not(tr:first-child)',
cursor: 'pointer',
axis: 'y',
dropOnEmpty: false,
start: function (e, ui) {
ui.item.addClass("selected");
},
stop: function (e, ui) {
ui.item.removeClass("selected");
},
receive: function (e, ui) {
$(this).find("tbody").append(ui.item);
reorder();
$.ajax({
type: "POST",
url: "diagnostico-plantilla.aspx/GridViewReorders",
data: '{"Reorder":"' + strorder + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
cache: false,
success: function (msg) {
alert("Successfully Save ReOrder");
}
});
}
});
});
function reorder() {
alert("Entrando en reorder");
strorder = "";
var totalid = $('#grdResultados tr td input').length;
for (var i = 0; i < totalid; i++) {
strorder = strorder + $('#grdResultados tr td input')[i].getAttribute("value") + "|";
alert("strorder1");
}
alert("strorder2");
}
noselect先生
{
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-o-用户选择：无；
用户选择：无；
光标：移动；
}
.选定
{
背景色：石灰；
}
.选定
{
颜色：白色！重要；
背景色：青色！重要；
}
var-strorder；
$（函数（）{
$（“[id*=grdResultados]”。可排序({
项目：“tr:非（tr:第一个孩子）”，
光标：“指针”，
轴：‘y’，
dropOnEmpty:false，
开始：功能（e、ui）{
ui.item.addClass（“选定”）；
},
停止：功能（e、ui）{
ui.item.removeClass（“选定”）；
},
接收：功能（e、ui）{
$（this.find（“tbody”）.append（ui.item）；
重新排序（）；
$.ajax({
类型：“POST”，
url:“diagnostico plantilla.aspx/GridViewReorders”，
数据：“{”重新排序“'+strorder+“}”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
async:true，
cache:false，
成功：功能（msg）{
警报（“成功保存重新订购”）；
}
});
}
});
});
函数重新排序（）{
警报（“重新订购的进货”）；
strorder=“”；
var totalid=$（'#grdResultados tr td input'）。长度；
对于（变量i=0；i <asp:ScriptManager id="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel id="UpdatePanel1" runat="server">
<ContentTemplate>
<div class="panel panel-default">
<div class="panel-heading">Dimensiones de las plantillas</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div class="alert alert-info">
<asp:Literal ID="lResultados" runat="server"></asp:Literal>
</div>
</div>
<div class="col-md-12">
<asp:GridView ID="grdResultados" runat="server" CssClass="table table-hover" AllowPaging="True"
AllowSorting="True" AutoGenerateColumns="False" GridLines="None" DataKeyNames="id" DataSourceID="odsResultados" OnRowDataBound="grdResultados_RowDataBound" OnPageIndexChanged="grdResultados_PageIndexChanged" OnSorting="grdResultados_Sorting" OnRowCommand="grdResultados_RowCommand">
<Columns>
<asp:TemplateField HeaderText="Título" InsertVisible="False" SortExpression="titulo">
<EditItemTemplate>
<asp:TextBox ID="txtTitulo" CssClass="form-control" runat="server" Text='<%# Eval("titulo") %>'></asp:TextBox>
<asp:HiddenField ID="hdnid" runat="server" Visible="true" Value='<%# Bind("id") %>' />
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblTitulo" runat="server" Text='<%# Eval("titulo") %>'></asp:Label>
<asp:HiddenField ID="hdnid" runat="server" Visible="true" Value='<%# Bind("id") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Opciones" InsertVisible="False" SortExpression="">
<EditItemTemplate>
<asp:LinkButton ID="cmdActualizar" runat="server" CommandName="actualizar" ToolTip="Actualizar" CssClass="btn btn-success" CommandArgument='<%# Eval("id") %>'><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></asp:LinkButton>
<asp:LinkButton ID="cmdCancelar" runat="server" CommandName="Cancel" ToolTip="Cancelar" CssClass="btn btn-default"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span></asp:LinkButton>
</EditItemTemplate>
<ItemTemplate>
<asp:LinkButton ID="cmdEditar" runat="server" CommandName="Edit" ToolTip="Editar" CssClass="btn btn-default"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></asp:LinkButton>
<asp:LinkButton ID="cmdEliminar" runat="server" CommandName="eliminar" OnClientClick="return confirm('¿Desea elimnar la dimensión?');" CommandArgument='<%# Eval("id") %>'><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:ObjectDataSource ID="odsResultados" runat="server"
OldValuesParameterFormatString="original_{0}" SelectMethod="GetDataByIdPlantilla"
onselected="odsResultados_Selected" TypeName="eFileCoachWP.DiagnosticosPlantillas.dsPlantillasTableAdapters.diagnosticos_plantillas_dimensionesTableAdapter" OnSelecting="odsResultados_Selecting">
<SelectParameters>
<asp:Parameter Name="idPlantilla" Type="Int64" />
</SelectParameters>
</asp:ObjectDataSource>
</div>
普兰提拉斯酒店