javascript - 如何从 gridview 中获取特定的单元格值并在 asp.net 中使用 jquery 将其显示在文本框中？

Question

以下是我的网格视图代码。在此，我有一栏“教学大纲”。在下一列中，我有编辑和删除按钮。单击编辑按钮时，将显示一个弹出窗口。我使用 jquery 显示了该弹出窗口。在弹出窗口中，我有一个教学大纲的文本框。但我不知道如何从 gridview 列中获取该教学大纲值并在弹出窗口中显示其值以编辑其值？

 <asp:GridView ID="gdvwSyllabus" CssClass="enquiryTable" runat="server" AutoGenerateColumns="false" Width="100%">
            <Columns>
                <asp:BoundField HeaderText ="Syllabus" DataField ="Syllabus" />
                <asp:TemplateField HeaderText="Options">
                    <ItemTemplate>
                        <ul class="enquiryList1">
                           <li><a href="#"><asp:Image ImageUrl="~/Images/edit2.png" runat="server" ID="btnSyllabusEdit" CssClass="btnEdit" /></a></li>
                           <li><a><asp:Image ImageUrl="~/Images/delete2.png" runat="server" ID="btnDelete" /></a></li>
                        </ul>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

这是我将其设计为表格的弹出代码。单击编辑按钮会弹出该表格。我想在“txtsyllabus”文本框中显示“syllabus”值以进行编辑。

 <table style="border: 0px; margin-left: 15px;" border="0" align="left">
                <tr>
                    <td align="right">Syllabus <span class="ErrorField">*</span>:</td>
                    <td>
                        <asp:TextBox ID="txtsyllabus" CssClass="txtbox txtSyllabus" runat="server"></asp:TextBox>

                    </td>
                </tr>
                 <tr>
                      <td>&nbsp;</td>
                      <td align="left">
                         <a href="#"><asp:Button ID="btnSubmit" Text="Save" CssClass="btnStyle btnSyllabusSubmit" runat="server" /></a>
                      </td>
                 </tr>
            </table>

提前致谢。

Answer 1

您可以通过从客户端单击按钮调用 javascript 函数来执行此操作，如下所示：

function showpopup(details)
{
document.getElementById('texbox').value=details
document.getElementById('divpopup').style.display='block'

返回假；}

在gridview项目数据绑定事件上做这样的代码

btn=e.item.findcontrol("editbouttn")
btn.attributes.add("onclick","return showpopup(" & e.item.dataitem("details") & ");"

如果这不起作用，请告诉我。