如何从javascript函数为gridview文本框设置值

Question

我有下面的项目模板的网格视图

<ItemTemplate>
 <asp:TextBox ID="txtComments" runat="server" Text='<%# Bind("Comments") %>'
 </asp:TextBox>

<asp:LinkButton href="#modal-dialog1" ID="href_Score" role="button" data-toggle="modal"
runat="server" class="icon-photon comment_alt2_stroke" OnClientClick='<%# string.Format("javascript:return GetScores(this,\"{0}\")", Eval("ExceptionID")) %>'>
</asp:LinkButton>

</ItemTemplate>

在网格视图中有一个文本框，还有一个链接按钮来弹出文本框数据，我可以弹出数据。

在弹出窗口中，我有另一个文本框，一旦数据被填充到这个文本框中，单击弹出窗口的me按钮，我需要将弹出文本框的值分配回gridview文本框。

下面是我的弹出div(它使用javascript函数创建)

<div id="modal-dialog1" class="modal hide fade">
                <div class="modal-header">
                    <button type="button" id="btnCloseModal" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3>Score Detail</h3>
                    <br />                    
                    <span style="color: #4F81BD">
                        <br />
                        * Use as a finding ONLY .</span>
                </div>

                <div class="modal-body">
                    <h4>Scores</h4>
                    <input type="text" name="AddComments" value=""/>
                    <button onclick="return myFunction()">Click me</button> 
                    <hr />                                              
                </div>
            </div>

我想将文本框值设置回myFunction()函数中的网格视图，请帮助我吗？如何将值设置为javascript函数中的gridview？

Answer 1

您可以使用jQuery on方法绑定按钮，单击事件处理程序，并填充显示在网格视图中的文本框，如下所示：

 $("#div_History").on('click','button.btn', function (e) {
       e.preventDefault();
       var firstRow = $('tr:nth-child(2)', $('#GridView1'));
       var outsideText = $('#txtOutside').val();
       $('#txtfoo', firstRow).val(outsideText);
 });

为了更安全，我在按钮控件中添加了一个类。你可以这样改变：-

<button onclick="return myFunction()" class="btn btn-primary">Click me</button>