我有一个包含很多行的Gridview,每行有两个复选框,一个用于美国可用性,另一个用于英国可用性。 之前,代码使得在每次复选框更改时,页面都会进行回发,并且将运行要更新该项目的代码。 可以想象,对于数百行,任何重大变化都需要很长时间,并且通过这种方法变得非常繁琐。
因此,我为复选框上的更改创建了一些jQuery侦听器,这些方法实质上是根据自创建页面以来对该复选框所做的更改,将单击的复选框的索引添加到现有Javascript数组。
$('.checkUs input:checkbox').click(function () { var row = $(this).parent().parent().parent().index(); var isChecked = $(this).is(':checked'); if (isChecked && $.inArray(row, usRowsChecked) === -1 && $.inArray(row, usRowsUnchecked) === -1) usRowsChecked.push(row); else if (isChecked && $.inArray(row, usRowsUnchecked) !== -1) usRowsUnchecked.splice($.inArray(row, usRowsUnchecked), 1); if (!isChecked && $.inArray(row, usRowsUnchecked) === -1 && $.inArray(row, usRowsChecked) === -1) usRowsUnchecked.push(row); else if (!isChecked && $.inArray(row, usRowsChecked) !== -1) usRowsChecked.splice($.inArray(row, usRowsChecked), 1); });
现在我不知道如何将这些信息反馈给服务器来运行SQL查询,并且从稍微研究一下,我不太确定这是最好的解决方案。
用户单击“保存”按钮后,我需要向后端发送四个数组:
var usRowsChecked = []; var usRowsUnchecked = []; var ukRowsChecked = []; var ukRowsUnchecked = [];
如何将此信息传递给C#中的代码隐藏?
你的问题虽然简单,如果你在我提供将数据发送到后面的代码的方法后不重新思考和重新评估,可能会产生一些架构或意大利面的后果。 您将使用Ajax,这将允许您构建模型或对象以发送到后面的代码。
function BuildModel (Id, Country) { var content = { Id : Id, Country : Country }; return content; }
为简洁起见,没有任何应该进行的null
检查。 这将构建一个简单的对象供我们传回。
var content = new Array(); content.Push(BuildModel($('.Id'), $('.Country));
这两行非常简单,我们构建一个数组并开始填充它。 显然,我们会将其包含在循环中,以确保它使用相关的网格Id
来抓取所有元素。
现在我们将构建我们的Ajax:
var jsonObject = JSON.stringify(content); $.ajax({ url: '<%= Page.ResolveURL("~/SomePage.aspx") %>', data: { Model : jsonObject }, type: 'POST' success: function () { // Do something with returned data. } });
然后在代码后面你可以使用内置的.Net JavaScript.Serializer
或Newtonsoft.Net
。 微软实际上建议使用Newtonsoft.Net
,但我会告诉你微软的。
在我们反序列化之前,我们需要我们的Model
。
public class Example { public int Id { get; set; } public bool Country { get; set; } }
我们有我们的模型,所以当我们反序列化时,我们将执行以下操作:
var model = new Example(); var serializer = new JavaScriptSerializer(); List deserialize = serializer.Deserialize>(Request["Model"]);
现在,您拥有所有这些数据的可行集合。
上面的方法并不是唯一的方法,如果你的应用程序保证PostBacks
你可以使用构建的控件UpdatePanel
或runat="server"
从后端代码中获取元素。
您有多种选择,但正确的选择会因您的应用而异。 每个都有一个特权和一个缺点,但无论哪种方式你都在与Asp.Net页面生命周期作斗争。 希望这可以帮助你一点点。
为什么不将Grid插入UpdatePanel并使用命令?
看看这种方法: ASP.NET – 将UpdatePanel触发器添加到gridview内的LinkButton
您可以使用CommandName和CommandArgument(在您的情况下为row-id),如下所示: Repeater内部的复选框,如何在检查更改的函数中获取命令名称值
你可以通过ajax来做到这一点:
在你的aspx.cs文件中添加WebMethod:
[WebMethod] public static int SaveArray(int[] usRowsChecked,int[] usRowsUnchecked, int[]ukRowsChecked, int[] ukRowsUnchecked ) { //do here whatever you want with values }
在您的aspx文件(javascript)中添加如下方法:
$.ajax({ type: 'POST', data: "{usRowsChecked:" + usRowsChecked + ", usRowsUnchecked :" + usRowsUnchecked + ", ukRowsChecked :" + ukRowsChecked + ", ukRowsUnchecked :" + ukRowsUnchecked +"}", contentType: 'application/json; charset=utf-8', dataType: 'json', async: true, url: "YourPage.aspx/SaveArray", success: function (result) { alert("success"); }, error: function (msg) { alert("error"); } });
以上就是jQuery教程分享如何跟踪ASP.NET中的复选框更改?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/561354.html