File manager - Edit - G:/PleskVhosts/indiaminerals.in/vgm.INFOFIXDEVELOPERS.COM/admin/DetailGridView.aspx
Back
<%@ Page Title="" Language="C#" MasterPageFile="~/admin/main.Master" AutoEventWireup="true" CodeBehind="DetailGridView.aspx.cs" Inherits="VGM.admin.DetailGridView"%> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <form runat="server"> <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager> <div class="wrapper"> <div class="content-wrapper"> <section class="content"> <div class="container-fluid"> <div class="container"> <div class="header"> Detail Form </div> <div class="form-row"> <div class="col-4"> <div class="form-group"> <label>Message</label> <asp:TextBox ID="Message" TextMode="MultiLine" Style="width: 500px;" class="form-control" runat="server"></asp:TextBox> </div> </div> <div class="col-4"> <div class="form-group"> <asp:Button ID="Send" Text="Send Message" Style="margin-left: 200px; margin-top: 85px;" OnClick="Send_Click" ValidationGroup="detail" class="btn btn-primary" runat="server" /> </div> </div> <div class="col-12"> <label style="color: red;">* Note : For Name Must write in this form {name}</label> </div> <div class="col-12"> <div class="card"> <div class="card-body"> <table id="example1" class="table table-bordered table-striped"> <thead> <tr> <th>S.No</th> <th>Joining Date</th> <th>Name</th> <th>Contact No.</th> <th>Date of Birth</th> <th>Address</th> <th>Select Send</th> </tr> </thead> <tbody> <!-- Data will be populated dynamically via AJAX --> </tbody> </table> </div> </div> </div> </div> <asp:HiddenField ID="example1Id" runat="server" /> </div> </div> </section> </div> </div> <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server" TargetControlID="Close" PopupControlID="ModalPanel" OkControlID="Close" /> <asp:Panel ID="ModalPanel" runat="server" Width="500px"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Message Sending</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <asp:GridView ID="MsgSent" runat="server" class="table table-bordered my-2" AutoGenerateColumns="false"> <Columns> <asp:TemplateField HeaderText="Name"> <ItemTemplate> <%# Eval("Name") %> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Contact No."> <ItemTemplate> <%# Eval("ContactNo") %> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Status"> <ItemTemplate> <asp:Label ID="status" runat="server" Text='<%# Eval("Status") %>' ForeColor='<%# GetStatusColor(Container.DataItem) %>'></asp:Label> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> <div class="modal-footer justify-content-between"> <asp:Button ID="Close" runat="server" class="btn btn-default" OnClick="Close_Click" Text="Close" /> </div> </div> <!-- /.modal-content --> </div> </asp:Panel> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script> <script src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script> <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.bootstrap4.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script> <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script> <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.print.min.js"></script> <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.colVis.min.js"></script> <script type="text/javascript"> jQuery.noConflict(); (function ($) { $(document).ready(function () { initializeDataTable(); $(document).on('change', '.send-checkbox', function () { updateCheckedIds(); }); }); function initializeDataTable() { $.ajax({ type: "POST", url: "DetailGridView.aspx/GetCompanyData", contentType: "application/json; charset=utf-8", dataType: "json", success: function (result) { var data = JSON.parse(result.d); console.log("Retrieved Data:", data); $('#example1 tbody').empty(); $.each(data, function (i, item) { var rowHtml = '<tr>' + '<td>' + item.Id + '</td>' + '<td>' + item.JoiningDate + '</td>' + '<td>' + item.Name + '</td>' + '<td>' + item.Contact_no + '</td>' + '<td>' + item.BirthDate + '</td>' + '<td>' + item.Address + '</td>' + '<td><input type="checkbox" style="width:100%; height:100%;" class="send-checkbox" data-id="' + item.Id + '"></td>' + '</tr>'; $('#example1 tbody').append(rowHtml); }); $("#example1").DataTable({ responsive: true, lengthChange: false, autoWidth: false, buttons: [ { extend: 'copy', text: 'Copy' }, { extend: 'csv', text: 'CSV' }, { extend: 'excel', text: 'Excel' }, { extend: 'pdf', text: 'PDF' }, { extend: 'print', text: 'Print' }, { extend: 'colvis', text: 'Column Visibility' } ], searching: true }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)'); }, error: function (error) { console.log("Error:", error); } }); } function updateCheckedIds() { var checkedIds = $('.send-checkbox:checked').map(function () { return $(this).data('id'); }).get().join(','); $('#<%= example1Id.ClientID %>').val(checkedIds); console.log("Checked IDs:", checkedIds); } })(jQuery); </script> </form> </asp:Content>
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.04 |
proxy
|
phpinfo
|
Settings