单击按钮将asp.net从GridView传递到Modal TextBox的值

默文·约瑟夫(Mervin Joseph)

如上所述,我想知道如何将数据从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"> 

提前致谢!

默文·约瑟夫(Mervin Joseph)

好。我可以通过简单地更改脚本来解决

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在单击按钮时将文本框值传递给控制器?

来自分类Dev

在ASP.NET中单击按钮获取Gidview隐藏字段值

来自分类Dev

如何将单击的单选按钮的值传递给Spring MVC控制器?

来自分类Dev

在输入或单击按钮时将输入值传递给控制器

来自分类Dev

Angular ngModelOptions-仅在单击按钮时将值绑定到模型

来自分类Dev

ASP.NET MVC:单击按钮以基于下拉列表的值进行重定向

来自分类Dev

将值从按钮传递到输入值

来自分类Dev

将ListBox值添加到ASP.Net中的Button单击上的TextBox不能正常工作

来自分类Dev

每单击一次按钮,ASP.NET c#将日期值按天数增加

来自分类Dev

在ASP.NET C#中,按钮单击事件中的文本框值不会更改

来自分类Dev

单击按钮将值从一种形式传递到另一种形式

来自分类Dev

单击按钮将值从一个输入传递到另一个

来自分类Dev

在SQL SELECT查询中使用ASP.NET TextBox的值

来自分类Dev

将按钮单击时的值从Google脚本文件传递到侧边栏

来自分类Dev

如何将Textbox id传递给Button上的JavaScript单击asp.net中的OnClientClick

来自分类Dev

单击按钮时如何将HTML文本框的值(内容)传递给javascript函数?

来自分类Dev

将值传递到GridView到TabActivity

来自分类Dev

如何通过单击Java中的按钮将值JFrame传递给JFrame?

来自分类Dev

Angular ngModelOptions-仅在单击按钮时将值绑定到模型

来自分类Dev

将JCombobox值传递到“开始”按钮

来自分类Dev

每单击一次按钮,ASP.NET c#将日期值按天数增加

来自分类Dev

GridView中的DropDownList绑定到ASP.NET C#中GridView内TextBox中DropDown的选定值

来自分类Dev

ASP.NET 将 TextBox 添加到 GridView

来自分类Dev

单击按钮将 Edittext 值复制到同一 Fragment 中的其他 Edittext

来自分类Dev

如何将文本字段的值传递给 Swift3 中的按钮单击函数?

来自分类Dev

通过按钮单击将值从 form1 传递到 form2 到 form2

来自分类Dev

如何通过单击 TableCell 中的按钮将 TableCell 中标签的值传递给 TableViewController?

来自分类Dev

使用 JS/JQuery 获取 ASP.NET Webform TextBox 的值

来自分类Dev

如何将表的选定行值传递给按钮单击事件 - 材料设计 - Angular 6

Related 相关文章

  1. 1

    在单击按钮时将文本框值传递给控制器?

  2. 2

    在ASP.NET中单击按钮获取Gidview隐藏字段值

  3. 3

    如何将单击的单选按钮的值传递给Spring MVC控制器?

  4. 4

    在输入或单击按钮时将输入值传递给控制器

  5. 5

    Angular ngModelOptions-仅在单击按钮时将值绑定到模型

  6. 6

    ASP.NET MVC:单击按钮以基于下拉列表的值进行重定向

  7. 7

    将值从按钮传递到输入值

  8. 8

    将ListBox值添加到ASP.Net中的Button单击上的TextBox不能正常工作

  9. 9

    每单击一次按钮,ASP.NET c#将日期值按天数增加

  10. 10

    在ASP.NET C#中,按钮单击事件中的文本框值不会更改

  11. 11

    单击按钮将值从一种形式传递到另一种形式

  12. 12

    单击按钮将值从一个输入传递到另一个

  13. 13

    在SQL SELECT查询中使用ASP.NET TextBox的值

  14. 14

    将按钮单击时的值从Google脚本文件传递到侧边栏

  15. 15

    如何将Textbox id传递给Button上的JavaScript单击asp.net中的OnClientClick

  16. 16

    单击按钮时如何将HTML文本框的值(内容)传递给javascript函数?

  17. 17

    将值传递到GridView到TabActivity

  18. 18

    如何通过单击Java中的按钮将值JFrame传递给JFrame?

  19. 19

    Angular ngModelOptions-仅在单击按钮时将值绑定到模型

  20. 20

    将JCombobox值传递到“开始”按钮

  21. 21

    每单击一次按钮,ASP.NET c#将日期值按天数增加

  22. 22

    GridView中的DropDownList绑定到ASP.NET C#中GridView内TextBox中DropDown的选定值

  23. 23

    ASP.NET 将 TextBox 添加到 GridView

  24. 24

    单击按钮将 Edittext 值复制到同一 Fragment 中的其他 Edittext

  25. 25

    如何将文本字段的值传递给 Swift3 中的按钮单击函数?

  26. 26

    通过按钮单击将值从 form1 传递到 form2 到 form2

  27. 27

    如何通过单击 TableCell 中的按钮将 TableCell 中标签的值传递给 TableViewController?

  28. 28

    使用 JS/JQuery 获取 ASP.NET Webform TextBox 的值

  29. 29

    如何将表的选定行值传递给按钮单击事件 - 材料设计 - Angular 6

热门标签

归档