Scribd Logo
Upload

Welcome to Scribd!

  • Populate Products With The Help of JQuery

    Uploaded by

    black destiny
    4 views1 page
    With the help of this article you can view your records and can provide a hyperlink on it which can leads you to the detail page of that record.

    Original Title

    Populate Products With the Help of JQuery

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    RTF, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    With the help of this article you can view your records and can provide a hyperlink on it which can leads you to the detail page of that record.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as rtf, pdf, or txt
    4 views1 page

    Populate Products With The Help of JQuery

    Uploaded by

    black destiny
    With the help of this article you can view your records and can provide a hyperlink on it which can leads you to the detail page of that record.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as rtf, pdf, or txt
    of 1

    In you aspx file include jquery in head section :

    <head runat="server"> <title></title> <script src="js/jquery.min.js"></script> </head>

    Place textbox and button in the page :


    Search Customer with JQuery : <asp:Panel ID="panSearch" runat="server"> <asp:TextBox ID="tbxSearch" runat="server" AutoCompleteType="Disabled" AutoComplete="Off"></asp:TextBox> <asp:Button ID="btnSearch" runat="server" OnClick="btnSearch_Click" /> </asp:Panel> <div id="trsearchResult"> <div id="searchResult" height="300px" width="300px"> </div> </div> Text="Search"

    Write below script just before the end of <body> tag. Replace the localhost URL with your URL :
    <script type="text/javascript"> $("#trsearchResult").hide(); $("#searchButton").click(function () { if ($("#search").val() != "") window.location = "http://localhost:50154/Search-Result.aspx?search=" + escape($ ("#search").val()); }); $("#<%=tbxSearch.ClientID%>").keyup(function () { if ($("#<%=tbxSearch.ClientID%>").val().length > 0) { $.ajax({ type: "GET", url: 'http://localhost:50154/Search-Result.aspx', data: 'search=' + $("#<%=tbxSearch.ClientID%>").val(), success: function (data) { if ($("#<%=tbxSearch.ClientID%>").val() != "") { $("#trsearchResult").show(); $("#searchResult").html(data); } else { $("#trsearchResult").hide(); } } }); } else { $("#trsearchResult").hide(); } }); </script>

    You might also like