模式形式在asp.net 视RC使用jquery

Question

我是新来的ajax/力和已经很难找到一个简单的样本合并如下：

• ASP.Net 视RC1(或2)
• jquery
• 模式

我想用户可以点击的链接/按钮在一个景(父母)，并有一个模形式出现，其中包含一种形式。内容的模式对话应该是一个软视(儿童)。

一旦形式提交，是我想的模式对话中消失的一部分父图进行更新。

Answer 1

所以，你不需要想这一切。首先让您的形式在html的前沿和中心在网页上，附加一个行动，并得到它的工作模式，而不花哨.
一旦您的形式逻辑的工作你可以在环！你是否希望开始与的方式和弹出窗口或与异步后,这是给你的。我通常喜欢它的工作之前，我做它很漂亮，因此，我们将采取这一路线。如果您使用的标准 <%Html。BeginForm...{%>法来定义你的形式，将其删除。去旧的学校html!(我知道你可以进一步定制Html。Beginform但它很容易只是使用html)

<form action="<%= Url.ActionLink(...)%>" id="SomeForm">

现在你可以把jQuery在你的文件。准备好了，或无论你初始化JS。

$('#SomeForm').bind('submit', youractionfunction);

在你行动的形式你也许会叫google i/o大会的后在回调的后隐藏你的形成和更新其余的网页。 Api文件

function youractionfunction(e){
  $.post($(e).attr('action'), // we get the action attribute (url) from the form
         { title : $('#titleBox').val()}, // the values we're passing
         yourCallbackFunction); 
  return false;  // This is important, this will stop the event from bubbling and your form from submitting twice.
}

现在你有一个ajaxy的形式，所以你可以在回调。

function yourCallbackFunction(data)
{
    // do something with the result.
}

现在我们可以谈谈的方式。它通常有点痛苦，但是可以使用一个jQuery像插件 此 或者类似的东西来为你做它。那么它只是一个问题线的事件显示和隐藏的弹出窗口和你所有的设置。

如果你的意图是有形式载异步时，"显示"点击链接，这是一个比较麻烦，但是仍然可行的。你可以使用的！负载(Api文件)拉html并注入到教堂,但是你仍然需要线上的活动(同样，与bind("提交"...)上所述)。