none
update panel veri çekme sorunu RRS feed

  • Genel Tartışma

  • Merhabalar

    Sorunum şu şekilde,sayfanın loadunda jquery ile gauge panellerimi dolduruyorum.Buna ilave olarakda bir yenile tuşu ilede tuşa basıldığında sayfa yenilenmeden güncel veriler gelsin istiyorum.

    fakat postback olduğundan sanırım rakamlar yenilenmiyor.Debug ederek baktığımda.

    dayy.refresh('<% =gvalue1%>');

    buradayken gvalue1 değeri methodda çalıştırğım güncel rakam ama refresh değeri olarak bunu baz almıyor sayfanın loadunda çalıştırdığım methoddaki rakama takılıyor.rakamı ben el ile yazarsam refresh istediğim rakama göre oluyor,çıkamadım içinden debug ettiğimde gvalue1 değeri güncellenirken refreshde neden bu değeri almıyor.


        <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
        <ContentTemplate>
            <script>
                Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);
                function endRequest(sender, e) {
     
                var dailyorder = '<% =gvalue1%>';
                var max1 = '<% =max1%>';
                var dayy = new JustGage({
                    id: "daily",
                    value: '<% =gvalue1%>',
                    min: 0,
                    max: max1,
                    title: "Daily Target",
                    titleFontColor: "#525252",
                    label: "ORDER",
                    labelFontColor: "#676767",
                    levelColors: ["#f20707", "#ffbf00", "#f0ff00", "#50f800"],
                    //startAnimationTime: 1500,
                    //startAnimationType: "bounce",
                    //refreshAnimationTime: 1000,
                    //refreshAnimationType: "bounce"
                });
    
                var weeklyorder = '<% =gvalue2%>';
                var max2 = '<% =max2%>';
                var weekk = new JustGage({
                    id: "weekly",
                    value: '<% =gvalue2%>',
                    min: 0,
                    max: max2,
                    title: "Weekly Target",
                    titleFontColor: "#525252",
                    label: "ORDER",
                    labelFontColor: "#676767",
                    levelColors: ["#f20707", "#ffbf00", "#f0ff00", "#50f800"],
    
                });
    
                var monthlyorder = '<% =gvalue3%>';
                var max3 = '<% =max3%>';
                var monthh = new JustGage({
                    id: "monthly",
                    value: '<% =gvalue3%>',
                    min: 0,
                    max: max3,
                    title: "Monthly Target",
                    titleFontColor: "#525252",
                    label: "ORDER",
                    labelFontColor: "#676767",
                    levelColors: ["#f20707", "#ffbf00", "#f0ff00", "#50f800"],
                });
    
                var yearlyorder = '<% =gvalue4%>';
                var max4 = '<% =max4%>';
                var yearr = new JustGage({
                    id: "yearly",
                    value: '<% =gvalue4%>',
                    min: 0,
                    max: max4,
                    title: "Yearly Target",
                    titleFontColor: "#525252",
                    label: "ORDER",
                    labelFontColor: "#676767",
                    levelColors: ["#f20707", "#ffbf00", "#f0ff00", "#50f800"],
                });
    
                    dayy.refresh('<% =gvalue1%>');
    
                }
    
    
    
    
        </script>
    
    
    
        <div style=" float:left;">
        <div style="float:left;width:960px;height:20px;border:1px solid #CC0000;border-bottom:none;background-color:#CC0000;color:#fff;margin-top:10px;">
            <asp:LinkButton ID="LinkButton1" style="float:right;color:white;background-color:transparent;text-decoration:none;" runat="server" OnClick="LinkButton1_Click">Yenile</asp:LinkButton>
            <asp:ImageButton ID="ImageButton1" style="float:right;padding:0px;margin:0px;" runat="server" ImageUrl="~/Images/refresh.png" Height="20" Width="20" AlternateText="Yenile" BackColor="Transparent" OnClick="ImageButton1_Click" />
            &nbsp Günlük,haftalık,aylık,yıllık hedefler..</div>
    
    
        <div style="float:left;background-color:#fff;width:960px;border:1px solid #999999">
            <div id="daily"  style="width:200px; height:160px;display: inline-block;margin: 1em;margin-left:30px;"></div>
            <div id="weekly" style="width:200px; height:160px;display: inline-block;margin: 1em;"></div>
            <div id="monthly" style="width:200px; height:160px;display: inline-block;margin: 1em;"></div>
            <div id="yearly" style="width:200px; height:160px;display: inline-block;margin: 1em;"></div>
        </div>
    
    </div>
        </ContentTemplate>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID="ImageButton1"  />
        </Triggers>
        </asp:UpdatePanel>

    20 Ocak 2013 Pazar 17:24

Tüm Yanıtlar

  • bunu değiştireyim dedim ama yine olmadı sanırı bunda sonuca daha fazla yaklaştım.:)

    bu şekildede

    <a id="r1" href="javascript:CallPageMethod();" >Refresh Gauges</a>

    diyerek methoda ulaşamıyorum.

        <script>
            $(document).ready(function(){
            var max1 = '<% =max1%>';
            var dayy = new JustGage({
                id: "daily",
                value: '<% =gvalue1%>',
                    min: 0,
                    max: max1,
                    title: "Daily Target",
                    titleFontColor: "#525252",
                    label: "ORDER",
                    labelFontColor: "#676767",
                    levelColors: ["#f20707", "#ffbf00", "#f0ff00", "#50f800"],
                    //startAnimationTime: 1500,
                    //startAnimationType: "bounce",
                    //refreshAnimationTime: 1000,
                    //refreshAnimationType: "bounce"
                });
    
            var max2 = '<% =max2%>';
            var weekk = new JustGage({
                id: "weekly",
                value: '<% =gvalue2%>',
                min: 0,
                max: max2,
                title: "Weekly Target",
                titleFontColor: "#525252",
                label: "ORDER",
                labelFontColor: "#676767",
                levelColors: ["#f20707", "#ffbf00", "#f0ff00", "#50f800"],
    
            });
    
    
            var max3 = '<% =max3%>';
            var monthh = new JustGage({
                id: "monthly",
                value: '<% =gvalue3%>',
                min: 0,
                max: max3,
                title: "Monthly Target",
                titleFontColor: "#525252",
                label: "ORDER",
                labelFontColor: "#676767",
                levelColors: ["#f20707", "#ffbf00", "#f0ff00", "#50f800"],
            });
    
    
            var max4 = '<% =max4%>';
            var yearr = new JustGage({
                id: "yearly",
                value: '<% =gvalue4%>',
                min: 0,
                max: max4,
                title: "Yearly Target",
                titleFontColor: "#525252",
                label: "ORDER",
                labelFontColor: "#676767",
                levelColors: ["#f20707", "#ffbf00", "#f0ff00", "#50f800"],
            });
    
                function CallPageMethod() {
    
                    $.ajax({
                        type: 'POST',
                        url: 'Reports.aspx/jQueryPageMethod',
                        contentType: 'application/json; charset=utf-8',
                        dataType: 'json',
                        success: function (result) {
                            dayy.refresh(1000);
                            weekk.refresh(2000);
                            monthh.refresh(3000);
                            yearr.refresh(50000);
                            return false;
                        },
    
                        error: function () {
                            alert('Yenileme sırasında bir hata oluştu. Yeniden deneyin');
                        }
                    });
                };
    
            });
    
     </script> 


    21 Ocak 2013 Pazartesi 07:58