用mvc.net打开对话框jquery ui

时间:2011-10-20 14:28:04

标签: asp.net-mvc-3 jquery-ui

大家好,我对jquery ui很新,我在点击链接时尝试创建一个Dialog,但是我的应用打开了一个白页。

这是我的链接

 <%: Html.ActionLink("Select Image", "SelectImage", "VacationPackage", null, new { @class = "newWindows" })%>

在同一视图中我有这个

<script language="javascript" type="text/javascript">
    $(function () {
        $("#newWindows").dialog();
    });
</script>

我的问题是我不知道如何创建我的观点我把它...

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Administration.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    SelectImage
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>SelectImage</h2>

<% Html.RenderPartial("ListImage"); %> 

</asp:Content>

买不要打开ListImage ..只是一个白页。

有什么问题?我正在尝试很多例子,但我得到了相同的结果。任何想法???

感谢。

1 个答案:

答案 0 :(得分:1)

Puh;)很多错误。

  • 你的对话框应该是一个div容器。
  • 您的链接应触发$("#<DIV_CONTAINER_ID").dialog();

像这样......

    <script>
    $(function () {
        $("dialogOpener").click(function () {
            $("#dialog").dialog()
        });
    });
    </script>

    <div id="dialog">Hello, iam a Dialog!</div>
    <a id="dialogOpener">Open Dialog</a>