Apply Thousand seprator for TextBox after UpdatePanel refresh using jQuery PriceFormat js in ASP.Net

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on May 12, 2017 06:57 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 3322
Sample Code: Download

I put textbox and dropdownlist in page I used below code for textbox to show number with seprator...

   <script src="../scripts/jquery.price_format.min.js"></script>
    <script type="text/javascript">

        $(function () {
            $('#Txtejare').priceFormat({
                prefix: '',
                thousandsSeparator: ',',
                centsSeparator: ',',
                limit: 12,
                centsLimit: 0
            });
        });
    </script>

it worked correctly but when I select Item from dropdownlist above code doesn't work for textbox and it doesn't put sepratore for number below is dropdownlist code:

<asp:UpdatePanel ID="UpdatePanel6" runat="server">
    <ContentTemplate>
         <asp:DropDownList ID="Ddltype" runat="server" CssClass="ddltype1" AutoPostBack="true" OnSelectedIndexChanged="ddltype_OSIC"></asp:DropDownList>
    </ContentTemplate>
</asp:UpdatePanel>

Best regards

neda

dharmend...

0 3

Reply
ANSWER
User: dharmendr
Replied: on May 12, 2017 08:30 AM
Modified: on May 18, 2017 07:19 AM
Report

Hi nedash,

Refer the below code.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-price-format/2.1/jquery.priceformat.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager runat="server" />
        <asp:UpdatePanel ID="UpdatePanel6" runat="server">
            <ContentTemplate>
                <asp:DropDownList ID="Ddltype" runat="server" CssClass="ddltype1" AutoPostBack="true">
                    <asp:ListItem Text="Test 1" />
                    <asp:ListItem Text="Test 2" />
                    <asp:ListItem Text="Test 3" />
                </asp:DropDownList>
                <asp:TextBox runat="server" ID="Txtejare" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    <script type="text/javascript">
        $(function () {
            ApplyThousandSeparator();
        });

        function ApplyThousandSeparator() {
            $('#Txtejare').priceFormat({
                prefix: '',
                thousandsSeparator: ',',
                centsSeparator: ',',
                limit: 12,
                centsLimit: 0
            });
        }

        //On UpdatePanel Refresh
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        if (prm != null) {
            prm.add_endRequest(function (sender, e) {
                if (sender._postBackSettings.panelsToUpdate != null) {
                    ApplyThousandSeparator();
                }
            });
        };
    </script>
    </form>
</body>
</html>

Apply Thousand seprator for TextBox after UpdatePanel refresh using jQuery PriceFormat js in ASP.Net

Company

Explore

Follow us

Contact Us