Web Development

<pre lang="HTML"> <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:GridView ID="GridView1" runat="server" EnableViewState="false" AutoGenerateColumns="false"
                   DataKeyNames="Id"  AllowSorting="True" OnSorting="OnSort">
                    <Columns>
                        <asp:TemplateField ItemStyle-Width="30px">
                            <ItemTemplate>
                                <asp:ImageButton ID="imgbtn" ImageUrl="~/images/modifier.png" runat="server"
                                    Width="10" Height="10" OnClick="imgbtn" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:BoundField HeaderText="Name" DataField="Name" SortExpression="Name" />
                    </Columns>
                </asp:GridView>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="GridView1" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:Panel ID="pnlpopupName" runat="server" CssClass="modal" Style="display: none">
                <div class="modal-inner-wrapper rounded-corners">
                        <table width="100%" style="height: 150px;" cellpadding="0" cellspacing="0">
                            <tr>
                                <td>
                                </td>
                                <td>
                                    <asp:Label ID="ID" class="TDclass" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td class="TDclass">
                                    Nom & Prénom
                                </td>
                                <td>
                                     
                                    <asp:Label ID="lbNomPrenom" class="TDclass" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <asp:Button ID="btnOk" runat="server" Text="OK" OnClick="btn_ok" />
                                    <asp:Button ID="btnCancel" runat="server" Text="Cancel" />
                                </td>
                            </tr>
                        </table>
                </div>
        </asp:Panel>
        <asp:Button ID="btnShowPopup" runat="server" Style="display: none" />
        <asp:ModalPopupExtender ID="ModalPopupExtender" runat="server" TargetControlID="btnShowPopup"
            PopupControlID="pnlpopupName" CancelControlID="btnCancel">
        </asp:ModalPopupExtender>

<pre lang="c#">protected void imgbtn(object sender, ImageClickEventArgs e)
        {
            ImageButton btndetails = sender as ImageButton;
            GridViewRow gvrow = (GridViewRow)btndetails.NamingContainer;
            string Key = GridView1.DataKeys[gvrow.RowIndex].Value.ToString();
            lbNomPrenom.Text = Server.HtmlDecode(gvrow.Cells[1].Text);
            this.ModalPopupExtender.Show();

        }

Imports System.ServiceModel
Imports System.ServiceModel.Activation
Imports System.ServiceModel.Web

<ServiceContract()> _
<AspNetCompatibilityRequirements(RequirementsMode:=AspNetCompatibilityRequirementsMode.Allowed)> _
Public Class Service1

        <OperationContract()> _
    Public Shared Function SavePersonInfo(ByVal myPerson As Person) As String
        Return "Hello, "
    End Function

End Class


' Use a data contract as illustrated in the sample below to add composite types to service operations.

<DataContract()>
Public Class Person

    <DataMember()>
    Public Property MemberID() As String

    <DataMember()>
    Public Property GroupID() As String

End Class

<SearchCriteria><Criteria SearchOn="Name" SearchValue="test 3" /></SearchCriteria>

$.ajax({
        url: destUrl,
        data: ko.toJSON(DataToPost()),
        type: "POST",
        success: function (result) {
            // I am doing my stuff here.
            }
        },
        error: function (request, textStatus, errorThrown) {
            alert(request.statusText);
        }
    });

A potentially dangerous Request.Form value was detected from the client.

<SearchCriteria><Criteria SearchOn="...est 3\" /></SearchCriteria>

$.ajax({
        url: destUrl,
        data: ko.toJSON(escape(SearchCriteria())),
        type: "POST",
        success: function (result) {
            // I am doing my stuff here.
            }
        },
        error: function (request, textStatus, errorThrown) {
            alert(request.statusText);
        }
    });

<%@ Page validateRequest="false" %> 

<configuration>
   <system.web>
      <pages validateRequest="false" />
   </system.web>
</configuration>

public class GridModel
    {
        /// <summary>
        /// Grid body for the grid.
        /// </summary>
        public GridBodyModel GridBodyModel { get; set; }
        
        /// <summary>
        /// Grid context.
        /// </summary>
        public GridContext GridContext { get; set; }

        /// <summary>
        /// Grid header for the grid.
        /// </summary>
        public GridHeaderModel GridHeader { get; set; }
    }

public class GridBodyModel
    {
        /// <summary>
        /// List of grid body rows.
        /// </summary>
        public IList<GridRowModel> Rows { get; set; }
    }


public class GridContext
    {
        /// <summary>
        /// Total number of pages. Read-only.
        /// </summary>
        public int TotalPages{ get; set; }
    }

public class GridHeaderModel
    {
        /// <summary>
        /// List of grid header cells.
        /// </summary>
        public IList<GridHeaderCellModel> Cells { get; set; }
    }

$(document).ready(function () {
        // Apply Knockout view model bindings when document is in ready state.
        ko.applyBindings(Global_GridKOModel, document.getElementById("gridMainContainer"));
    });

// Serialize the server model object. It will be used to create observable model.
Global_GridKOModel = ko.mapping.fromJS (<%= DataFormatter.SerializeToJson(Model) %>);

$.ajax({
        url: destUrl,
        data: dataToSend
        success: function (result) {
            ko.mapping.fromJS(result, Global_GridKOModel);
        },
        error: function (request, textStatus, errorThrown) {
            alert(request.statusText);
        }
    });

<!-- When no record is found. -->
<div data-bind="ifnot: GridContext.GridPager.TotalPages() > 0">
    No record(s) were found.
</div>
    
<!-- This is actual grid table container. This is binded when records are found -->
<div data-bind="if: GridContext.TotalPages() > 0">

Grid construction happens here

</div>

<td data-bind="attr:{colspan: GridHeader.Cells().length }">