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

Posted 2023-05-09

【中文标题】将值从后面的代码传递给 Jquery 函数

【英文标题】：Pass value to Jquery function from code behind

【发布时间】：2015-01-06 18:17:01

【问题描述】：

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

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

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

有没有办法从页面后面的代码中设置进度条值？从数据库中读取值。

【问题讨论】：

您可以使用隐藏字段。

看看这个：***.com/questions/5656328/…

谢谢 :) ......

【参考方案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
     );
 

【参考方案2】：

尝试以下步骤

首先在页面加载时将DB 值设置为hidden field。喜欢 (HiddenFieldID.value="37" // from DB) 使用hidden field值设置js函数中进度条的值如下。

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

【参考方案3】：

你不妨试试：

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