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

时间:2015-12-11 13:45:12

标签: javascript c# jquery asp.net gridview

我有以下itemtemplate

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

在gridview中有一个文本框,还有一个链接按钮用于弹出文本框数据。我可以弹出数据。

在弹出窗口中我有另一个文本框,一旦数据填充到弹出窗口的单击我按钮的文本框,我需要将弹出的文本框值分配回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()函数内的gridview,请帮助我吗?如何在javascript函数中将值设置为gridview?

1 个答案:

答案 0 :(得分:1)

您可以使用方法上的 jQuery 来绑定按钮单击事件处理程序,并填充gridview中存在的文本框,如下所示: -

 $("#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>