部分视图提交按钮不起作用

时间:2015-02-16 00:58:46

标签: c# asp.net-mvc model asp.net-mvc-partialview

我的问题是,提交按钮无效。如您所见,我的局部视图包含一个jquery模式。如果单击“mdlist”,模式将显示并显示提交按钮。

请告诉我可能出现的问题。

@model IEnumerable<MyApp.Models.Participant>
<link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>

<a id="mdlist" class="button" href="#"><span class="new icon"></span>Add Participant</a>
<div id="dialog" class="content-wrapper">
    <div class="buttons">
    <input type="submit" name="submitButton" value="Save" class="button save icon" />
    </div>
    <table cellspacing="0">
        <thead>
            <tr>
                <th>

                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Name)
                </th>
            </tr>
        </thead>

@foreach (var item in Model)
{
   <tbody>
     <tr>
        <td>
            <input type="checkbox" name="ParticipantCheck" id="@item.ID" />
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
    </tr>
   </tbody>
}
</table>
</div>
                <script type="text/javascript">
                $(function () {
                    $("#dialog").dialog({
                        autoOpen: false,
                        height: 400,
                        width: 670,
                        modal: true,
                        closeOnEscape: true,
                        resizeable: false
                    });
            </script>

1 个答案:

答案 0 :(得分:0)

首先,您需要添加Form(提交按钮仅在有表格时才有效)

@using(@Html.BeginForm()){ 
//place your html elements and submit button here 
}

接下来,如果你有一个数组,那么你添加checkboxes的方式是不正确的,请查看this链接