如何从网格视图中获取特定的单元格值,并使用asp.net中的jquery将其显示在文本框中

How to get the particular cell value from a gridview and to display it in a textbox using jquery in asp.net?

本文关键字:jquery 中的 net asp 文本 显示 视图 获取 网格 单元格      更新时间:2023-09-26

下面是我的网格视图代码。在这篇文章中,我有一列"教学大纲"。在下一个专栏中,我有编辑和删除按钮。单击编辑按钮后,将显示一个弹出窗口。我使用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>

这是我的弹出代码,我把它设计成一个表格。单击编辑按钮后将弹出此表。我想在"txtsylulus"文本框中显示"教学大纲"值以进行编辑。

 <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>

提前谢谢。

您可以通过在客户端点击按钮调用javascript函数来实现这一点,如下所示:

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

return false;}

在gridview项数据绑定事件上执行类似的代码

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

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