通过jquery迭代Gridview答案

【问题标题】：Iterate Gridview through jquery通过jquery迭代Gridview
【发布时间】：2011-08-12 06:51:29
【问题描述】：

假设我有一个 gridview 并且我的 gridview 有很多行，包括页眉和页脚以及寻呼机。

每一行都有一些文本框、下拉菜单和复选框。

像两个文本框用于员工 ID 和员工姓名，一个下拉框用于选择性别，一个复选框用于选择是否毕业。

所以我需要知道如何通过 jquery 迭代 gridview 并迭代除页眉、页脚和寻呼机之外的每一行。

所以我需要从每一行的文本框、下拉列表和复选框中提取值，并构建 json 字符串以将数据发送到服务器。

像构建json字符串

            var json = "{'Name':'" + $("input[id*='txtName']").val() +
        "','Subject':'" + $("input[id*='Subject']").val()  +
        "','Email':'" + $("input[id*='Email']").val() +
        "','Message':'" + jQuery.trim($('.message').val()) + "'}";

谢谢

【问题讨论】：

标签： jquery json gridview

【解决方案1】：

试试这个。

像这样将 RowStyle 添加到 GridView 标记

<RowStyle CssClass="row" />
<AlternatingRowStyle CssClass="row" /><!-- If needed  -->

现在GridViewRow 中的所有trs 都将具有<tr class="row">。然后在你的按钮点击事件中调用这个脚本。

var items = [];
$(".row").each(function() {
    var item = {};
    item.ID = $.trim($(this).find("input[id*='ID']").val());
    item.Name = $.trim($(this).find("input[id*='Name']").val());
    item.Gender = $(this).find("select[id*='Gender']").val();
    item.IsGraduate = $(this).find("input[id*='IsGraduate']").is(':checked');
    items.push(item);
    });
var DTO = JSON.stringify(items);

对于不支持 JSON 的浏览器，请添加对 json2.js 的引用

样机：http://jsfiddle.net/naveen/P8Aue/

【讨论】：

【解决方案2】：

我不知道你使用的是什么 gridview，但我可以建议你这样的解决方案。

Gridview 呈现为表格，您可以为行赋予属性，例如“Row0”、“Row1”

通过在 java 脚本中找到您的 gridview，您可以遍历其行并使用分配的属性知道当前行是什么，并在行中找到适当的元素并获取其值

$("tr",$("#gridViewID")).each(function()
{
  //   here you can get elements index of your row by tour attribute

   `$("input[id*='txtName']",$(this))` //is your textbox

   // getting all this values you can build your json string

})

【讨论】：