MVC3 jquery popup可重用视图

时间:2013-07-15 20:29:34

标签: asp.net-mvc-3

当我点击index.cshtml页面上的actionlink时,我想重用popup.cshtml。当我单击类别ID操作链接时,我可以看到带有2个文本框和提交按钮的弹出窗口,该按钮将数据插入到类别下拉列表中。

我希望在点击jobid操作链接时出现相同的弹出窗口,但是插入到jobid下拉列表中。

请帮帮我

Index.cshtml

 <td>
       @Html.DropDownList("CategoryID")
       @Html.ActionLink("New test", "Popup", "Home", null, new { @class = "openPopup", data_dialog_id = "popuplDialog", data_dialog_title = "Add New" })
     </td>
    <td>
       @Html.DropDownList("JobID")
       @Html.ActionLink("New", "Popup", "Home", null, new { @class = "openPopup", data_dialog_id = "popuplDialog", data_dialog_title = "Popup" })
     </td>

Popup.cshtml

@model MVC3.Models.ValidationModel

@{
ViewBag.Title = "Popup";
Layout = null;
}
<script type="text/javascript">

$(document).ready(function () {
    $('#subbutton').live("click", function () {
        var code = $("#txtCode").val();
        var value = $
        var characterReg = /^[A-Za-z0-9 _]*[A-Za-z0-9][A-Za-z0-9 _]*$/;
        if (!characterReg.test(inputVal)) {
            $('#codelbl').text("*");
            return false;
        }
        if (!characterReg.test(inputVal)) {
            $('#codelbl').text("*");
            return false;
        }
        //            $(this).closest(".dialog").dialog("close");
        //            alert("test1");
    });

});
</script>
@{
ViewBag.Title = "";
}

@using (Html.BeginForm())
{    
<table>
    <tr>
        <td>
            <label> Code</label>
        </td>
        <td>
        @Html.TextBox("txtCode")
        <label id="codelbl" style="color:Red"></label>
        </td>
    </tr>
    <tr>
        <td>
            <label>Name</label>
        </td>
        <td>

           @Html.TextBox("txtName")
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
            <input id="subbutton" type="submit" value="Insert" />
        </td>
    </tr>
</table>
}

1 个答案:

答案 0 :(得分:0)

在打开弹出窗口之前,可以在使用JavaScript单击链接时将要插入的下拉列表的ID存储在父页面中。

然后在子按钮单击事件上,从该隐藏输入中读取要插入的内容的值,并相应地执行操作。