将值从代码后面传递给Jquery函数

本文关键字：Jquery 函数 代码 | 更新日期: 2023-09-27 18:29:56

我在asp.net表单上使用Jquery进度条控件来显示检查员完成工作的百分比。这是进度条的客户端功能。

    <script>
        $(function () {
            $("#progressbar").progressbar({
                value: 37
            });
        });
    </script>
    <form id="form1" runat="server">
       <div id="progressbar"></div>
    </form>

有什么方法可以从页面后面的代码中设置进度条值吗？从数据库中读取值。

将值从代码后面传递给Jquery函数

您可以使用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
     });
 }

尝试以下步骤

  1. 页面加载时，首先将DB值设置为hidden field。类似（HiddenFieldID.value="37" // from DB）
  2. 使用hidden field值在js函数中设置进度条的值，如下所示

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

您可能想要尝试：

ScriptManager.RegisterClientScriptBlock(Me.Page, Me.Page.GetType(), "progressbar", "ShowProgressBar("+ 35 +");", True)
相关文章：