单击按钮将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

如何使用TextMode =“ Date”将服务器端代码中的值设置为asp.net TextBox?

来自分类Dev

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

来自分类Dev

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

来自分类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

如何使用TextMode =“ Date”将服务器端代码中的值设置为asp.net TextBox?

来自分类Dev

Gridview获取列值-单击按钮

来自分类Dev

将值传递到GridView到TabActivity

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

ASP.NET 将 TextBox 添加到 GridView

来自分类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

    如何使用TextMode =“ Date”将服务器端代码中的值设置为asp.net TextBox?

  4. 4

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

  5. 5

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

  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

    如何使用TextMode =“ Date”将服务器端代码中的值设置为asp.net TextBox?

  18. 18

    Gridview获取列值-单击按钮

  19. 19

    将值传递到GridView到TabActivity

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

    ASP.NET 将 TextBox 添加到 GridView

  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

热门标签

归档