0

我不知道我是在叫错树还是我只是一个旋钮......

我正在做一个 ajax 调用，成功后，我用 .html 返回的响应替换了我的表。（我也尝试过使用 .replaceWith(response) 但这也不起作用）

这部分工作正常，我的表格项正在返回并填充表格......但是，当我查看浏览器源代码时，我的源代码中没有任何内容......我假设这与 jQuery 的方式有关退货...

但是问题是我想为选定的 a.delete 获取“Id”属性，但我无法获得任何值。

这是我的代码的细分......我已经简化了字段以占用更少的空间

我的观点：

<tr>
        @using (Html.BeginForm("AddSample", "SPR", FormMethod.Post))
        { 
            <th>
            </th>

            <th>@Html.TextBox("CustomerSampleId", null, new { style = "width: 80px" })
            </th>
            <th>@Html.TextBox("CustomerSampleId2", null, new { style = "width: 80px" })
            </th>
            <th>@Html.TextBox("CustomerSampleId3", null, new { style = "width: 80px" })
            </th>                 
        }
        <th>
            <button class="button saveSampleButton" id="saveSampleButton">
                Add Sample</button>
        </th>
    </tr>
</thead>
<tbody>
</tbody>

我的部分：

@for (int i = 0; i < Model.Count(); i++)

{ 变数 = i + 1;

<tr>
    <td>@number
    </td>
    <td>
        <a href="#" id="@Model.ElementAt(i).Id" class="delete">
            <img src="/images/delete.png" /></a>

        @Model.ElementAt(i).CustomerSampleId
    </td>
    <td>@Model.ElementAt(i).CustomerSampleId2
    </td>
    <td>@Model.ElementAt(i).CustomerSampleId3
    </td>
</tr>

}

进行保存的 jQuery

$("#saveSampleButton").click(function () {

        //validate fields

        if (fieldsValid) {

            $.ajax({
                url: "/SPR/AddSample",
                type: "POST",
                data: { data: data
                },
                success: function (pId) {
                    GetSamples(pId);

                },
                error: function () {
                    alert("Something went wrong : Were all the necessary fields filled in?");
                }
            });
            return false;
        }
    });

  function GetSamples(pId) {
        $.ajax({
            url: "/SPR/GetSamples",
            type: "POST",
            data: { Id: pId },
            success: function (response) {
                $("#Samples tbody").html(response);
            }
        });
    }

当我添加了一些样本并查看我的浏览器源时，这就是我得到的：

<tr>
  <form action="/SPR/AddSample" method="post">                <th>
            </th>
            <th><input id="CustomerSampleId" name="CustomerSampleId" style="width: 80px" type="text" value="" />
            </th>
            <th><input id="CustomerSampleId2" name="CustomerSampleId2" style="width: 80px" type="text" value="" />
            </th>
            <th><input id="CustomerSampleId3" name="CustomerSampleId3" style="width: 80px" type="text" value="" />
            </th>                

               </form>            <th>
              <button class="button saveSampleButton" id="saveSampleButton">Add Sample</button>
        </th>
    </tr>
</thead>
<tbody>
</tbody>

有没有人能够阐明发生了什么以及为什么我无法访问 a.delete 链接的 ID？

4

0 回答 0