從后面的代碼向Jquery函數傳遞值

Question

我在asp.net表單上使用Jquery進度條控件來顯示檢查器已完成工作的百分比。 這是進度條的客戶端功能。

    <script>
        $(function () {
            $("#progressbar").progressbar({
                value: 37
            });
        });
    </script>

    <form id="form1" runat="server">
       <div id="progressbar"></div>
    </form>

有什么辦法可以從頁面后面的代碼中設置進度條的值？ 從數據庫中讀取值。

Answer 1

您可以使用registerstartupscript將ASP.NET代碼中的腳本注入文件后。

myScript = "\n<script type=\"text/javascript\" language=\"Javascript\" id=\"EventScriptBlock\">\n";
        myScript += "ShowProgressBar(35);"; //35 is dynamic value
        myScript += "\n\n </script>";
     Page.ClientScript.RegisterStartupScript(this.GetType(), "myKey", myScript, false);

JavaScript代碼

function ShowProgressBar(value) 
{
    $("#progressbar").progressbar({
         value: value
     });
 }

Answer 2

請嘗試以下步驟

1. 首先在頁面加載時將DB值設置為hidden field 。 像（ HiddenFieldID.value="37" // from DB ）
2. 使用hidden field值將值設置為js函數中的進度條，如下所示。

$(function () { $("#progressbar").progressbar({ value: $("#<%= HiddenFieldID.ClientID %>").val(); }); });

Answer 3

您可能要嘗試：

ScriptManager.RegisterClientScriptBlock(Me.Page, Me.Page.GetType(), "progressbar", "ShowProgressBar("+ 35 +");", True)