2013-05-13 45 views
0

我正在构建一个广泛的Web应用程序,有几十个地方需要最终用户添加注释并寻找抽象部分视图的最佳方式,该部分视图呈现模态对话框评论,然后重新绑定回模型。ASP.NET MVC4文本输入模式对话框

例如,用户对患者配置文件添加过敏,然后将其删除。删除时需要注释,我们将该注释存储在过敏模型的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> 
+3

你的问题是什么? – Kenneth 2013-05-13 21:53:25

+0

我无法在#text-input-mode中看到您的表单 – 2013-05-13 21:59:56

回答

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> 

祝您好运!