前端之家

  1. 首页
  2. 问答

单击按钮将GridView中的Asp.Net值从GridView传递给Modal TextBox

• 问答

如上所述，我想知道如何将数据从gridview发送到模式Asp：TextBox

GridView按钮 

<asp:TemplateField ShowHeader="False">
<ItemTemplate>
      <a data-id="<%#Eval("BookFile") %>"  title="Add this item" class="openDialog">Open Modal</a>
</center>
</ItemTemplate>
</asp:TemplateField>

脚本 

<script type="text/javascript">
    $(function () {
        $(".openDialog").click(function () {
            $('#Id').val($(this).data('id'));
            $("#addDialog").modal("show");
        });
    });
</script>

模式 

   <div class="modal fade" id="addDialog" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
   <div class="modal-content">

       <!-- Modal Head -->
      <div class="modal-header">
        <h5 class="modal-title" id="myModal1">Modal title</h5>
      </div>

      <!-- Modal Body -->
    <div class="modal-body">

            <div class="form-group">
            <asp:Label runat="server" AssociatedControlID="bookId1" CssClass="col-md-2 control-label">username</asp:Label>
            <div class="col-md-10">
                <asp:TextBox runat="server" ID="Id" CssClass="form-control"/>
                <asp:RequiredFieldValidator runat="server" ControlToValidate="Id"
                    CssClass="text-danger" ErrorMessage="The field is required." />
            </div>
        </div>

    </div><!--End tag of Modal Body -->

      <!-- Modal Footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <asp:Button runat="server" OnClick="CreateUser_Click" Text="Add User" CssClass="btn btn-Success" />
      </div>


  </div>
  </div>
  </div>

无论何时使用此功能，文本框中都不会填充任何数据，但是只要使用输入框，代码便会起作用

<input type="text" name="Id" id="Id">

谢谢！

liping0207 回答：单击按钮将GridView中的Asp.Net值从GridView传递给Modal TextBox

好的。我可以通过简单地将脚本从 

<script type="text/javascript">
    $(function () {
        $(".openDialog").click(function () {
            $('#Id').val($(this).data('id'));
            $("#addDialog").modal("show");
        });
    });
</script>

到

<script type="text/javascript">
    $(function () {
        $(".openDialog").click(function () {
             document.getElementById("<%=Id.ClientID%>").value = $(this).data('id');
            $("#addDialog").modal("show");
        });
    });
</script>
,

回答这个为时已晚，但我们有未来的新手。 你可以做这个 Html 按钮和一段 JavaScript 代码，这里是一个片段。

网格视图代码

<asp:TemplateField ItemStyle-Width="13%" HeaderText="Actions" HeaderStyle-Width="13%">
   <ItemTemplate>
       <button data-toggle="modal" data-target="#UpdateModel" class="btn btn-default source" style="width:100%"  type="button" onclick="showUpdateModel('<%#Eval("ID")%>','<%#Eval("Name")%>','<%#Eval("DOB")%>','<%#Eval("Class")%>','<%#Eval("Section")%>')">Edit</button>                         
       <button data-toggle="modal" data-target="#DeleteModel" type="button" class="btn btn-default source" style="width:100%" onclick="showDelModel('<%#Eval("FeeRecID")%>')">Delete</button>
     </ItemTemplate>
</asp:TemplateField>

上面的按钮将打开模型，onclick 函数会将值传递给模态字段。

    <script type="text/javascript">

        function showUpdateModel(id,name,dob,cls,sec) {

            if (id.length > 0) {

                $("[id*=txtID]").text(id);
                $("[id*=txtID]").val(id);
                $("[id*=txtName]").text(name);
                $("[id*=txtName]").val(name);
                $("[id*=txtDOB]").text(dob);
                $("[id*=txtDOB]").val(dob);
                $("[id*=txtClass]").text(cls);
                $("[id*=txtClass]").val(cls);
                $("[id*=txtSec]").text(sec);
                $("[id*=txtSec]").val(sec);                
            }
        }
    </script>
asp.netbootstrap-modalc#javascriptjquery
本文链接：https://www.f2er.com/3112006.html

大家都在问