ASP.NET MVC4文本输入模式对话框

时间:2013-05-13 21:51:40

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

我正在构建一个广泛的Web应用程序,其中有许多地方需要最终用户添加注释并寻找抽象部分视图的最佳方式,该部分视图呈现注释的模态对话框,然后重新绑定回来模特。

例如,用户对患者个人资料添加过敏,然后将其删除。删除时需要注释,我们将该注释存储在过敏模型的RemovalReason属性中。

有没有人批量编写类似的东西?我的模态代码看起来像这样

    @model string

    <div id="text-input-modal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
    <h3 id="modalLabel">
        Text Input
    </h3>
</div>
<div class="modal-body">
    @Html.TextBoxFor(x => x)
</div>
<div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary btn-text-input-submit">Save</button>
</div>

    <script type="text/javascript">
        $(function () {
            $('.btn-text-input-submit').click(function () {
                $('#text-input-modal form').submit();
            });
        });
    </script>

1 个答案:

答案 0 :(得分:3)

缺少表单标记,

<form id="text-input-modal">
 <div class="modal hide" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
    <h3 id="modalLabel">
        Text Input
    </h3>
</div>
<div class="modal-body">
    @Html.TextBoxFor(x => x)
</div>
<div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary btn-text-input-submit">Save</button>
</div>
</form>

祝你好运!