将字符串值从webform传递给jquery调用?

时间:2014-06-11 20:29:18

标签: c# jquery asp.net wcf .net-4.0

我目前有一个简单的aspx webform,它只有一个div(带有div id)用于图表控件。该控件由来自文件Dash.js中的jquery调用的数据填充(该文件包含在aspx的HTML中)。加载webform时,将调用jquery函数FillGraph(RunDate)并显示图表。目前,我硬编码参数;所以我调用FillGraph("20140603"),然后调用WCF方法,该方法用作数据源。以下是jquery函数的一部分:

function FillGraph(RunDate) {
    ...
    dataSource: {
        transport: {
            read: {
                url: "http://localhost:50/Wcf.svc/FillChart?Date=" + RunDate,
                dataType: "json"
            }
        }
    },

如您所见,函数调用使用日期进行硬编码。如果我想更改图形数据,我必须转到Dash.js并在FillGraph()中更改日期。 JS调用如下所示:

function FillChart() {
    FillGraph("20140603");
}

$(document).ready(FillChart);
$(document).bind("kendo:skinChange", FillChart);

我想要做的是在ASPX中添加一个文本框和一个按钮。这样,当我点击按钮时,我取出文本框字符串并以某种方式将其传递给jquery调用。

我没有发布任何代码,因为没有代码。我只想知道如何将一个值从webform发送到另一个.JS文件中的jquery函数调用。我试过谷歌搜索,但我不认为我正确搜索。

感谢。

1 个答案:

答案 0 :(得分:0)

假设您的按钮和文本框分别是ASP.NET控件btnFillChart和txtDateString,请设置按钮客户端单击处理程序:

OnClientClick="FillChart();return false"

然后将FillChart中的硬编码日期替换为:

$('#<%=txtDateString.ClientID%>').val()