如何在 MVC DotNet 中的提交按钮上显示 textarea 弹出窗口答案

【问题标题】：How to show textarea popup window on submit button in MVC DotNet如何在 MVC DotNet 中的提交按钮上显示 textarea 弹出窗口
【发布时间】：2014-04-11 08:49:49
【问题描述】：

我正在研究 mvc dot net，我有一个按钮，当我单击此按钮时，我想显示一个带有 textarea 的弹出框，并且文本区域的文本将插入到 db 中。这一切都与 MVC 剃须刀一起使用。

like this..my code on this URL

How to call client side click on html submit button in mvc

【问题讨论】：

先展示一下你到目前为止所做的代码。
我只有一个提交按钮..然后单击提交按钮我想显示具有一个文本区域和确定按钮的弹出框。就是这样..
您可以使用 JQuery 对话框并为您的OK 按钮使用 ajax 调用。更好地展示你所做的事情，这样会有帮助
stackoverflow.com/questions/22989631/… 这是我的代码

标签： asp.net asp.net-mvc-4 razor

【解决方案1】：

jquery ui对话框见此代码https://jqueryui.com/dialog/#default

您必须像这样创建一个对话框并通过 ajax 提交您的值：

<script>
    $(function() {
        $('#myButton').click(function(){
            $('#dialog').dialog('open');
        });

        $( "#dialog" ).dialog({
            autoOpen: false,
            buttons: {
                "OK": function() {
                    $.ajax({
                        url: '@Url.Action("myAjaxMethodAction", "myController")',
                        type: 'post',
                        data: $('#myForm').serialize(),
                        success: function() {
                            $('#dialog').dialog('close');
                        }
                    });
                }
            }
        });
    });
</script>

<div id="dialog" title="Basic dialog">
    <form id="myForm">
        <textarea id="myTextArea"></textarea>
    </form>
</div>

或者，您可以将您的文本区域放在 Razor 表单中，然后在提交时提交页面，这会将其发布到常规 MVC 操作中，就像您经常做的那样。

【讨论】：

不适合我.. :( 。只在我的页面上显示文本框。我想在按钮单击时显示此弹出窗口。并在 db 上提交此 txtarea 数据。
查看我的编辑；当您单击 ID 为 myButton 的链接时，它将打开显示文本框的 dialog。单击确定后，它应该将myForm 中的数据序列化并将其发送到指定为JSON 的URL。