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

Question

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

像这样......我在这个URL上的代码

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

Answer 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操作中。