Cüneyt Kocabıyık

Jquery Bootsrap Modal

Jquery Bootsrap Modal

   

<div class='badge badge-success' style='font-size:12px; cursor:pointer;' data-target='#exampleModal' data-toggle='modal' onclick=guncelle_btn_click('" + item["p1"].ToString() + "','" + item["p2"].ToString() + "','" + item["p3"].ToString() + "') ><i class='fa fa-edit'></i></div>

 

        <!-- Modal -->
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel"> <asp:Label ID="alan_lbl" class="alan_lbl_cls" runat="server" Text=""></asp:Label></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <asp:TextBox ID="deger_txt" runat="server" MaxLength="50" class="form-control is-invalid deger_lbl_cls" required></asp:TextBox>
                        <asp:TextBox ID="id_txt"  Style="visibility: hidden;" runat="server"  class="id_lbl_cls"></asp:TextBox>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Çıkış</button>
                        <asp:Button type="button" runat="server" OnClick='update_btn' Text="Kaydet" class="btn btn-primary" />       
                    </div>
                </div>
            </div>
        </div>
    </form>

 

<script type="text/javascript">
        function guncelle_btn_click(p1, p2,p3) {
            $(".alan_lbl_cls").html(p1);
            $(".deger_lbl_cls").val(p2);
            $(".id_lbl_cls").val(p3);
        }

</script>