带JavaScript的ASP更新面板

时间:2018-09-14 07:04:54

标签: javascript jquery asp.net

我已经使用jquery创建了一个图表,并将div标签放在了更新面板中。每当面板更新时,图表就会消失。 我的代码

 $(document).ready(function () { 
    $("#test-circle").circliful({
        animation: 1,
        animationStep: 5,
        animateInView: true,
        foregroundBorderWidth: 15,
        backgroundBorderWidth: 15,
        percent: document.getElementById("<% =lbl.ClientID%>").innerHTML,
        text: document.getElementById("<% =lbl.ClientID%>").innerHTML+'%',
        textSize: 28,
        textStyle: 'font-size: 12px;',
        textColor: '#fff',

    });

});

现在,我该怎么办??

1 个答案:

答案 0 :(得分:2)

xlsx更新后,DOM发生了变化,JavaScript不再适用于该部分,因此您需要重新初始化它。

您可以使用更新面板提供的工具来执行此操作。 一种方法是使用pageLoad()javascript函数

PDF

另一种方法是像这样初始化UpdatePanel

function pageLoad()
{
    // init here your javascript
    // This is called when the page load first time
    //  and called again each time you have an Update inside an UpdatePanel
}

引用:https://msdn.microsoft.com/en-us/library/bb386417%28v=vs.100%29.aspx?f=255&MSPPError=-2147217396

一个额外的音符。在EndRequest中,我通常会在更改内容之前清除所有可能运行的javascript处理程序或计时器。