从文本字段返回数据

时间:2017-10-31 17:32:03

标签: c# asp.net-mvc controller asp.net-ajax

我有一些文本字段的视图,视图如下所示:

 @model SDB.Models.EmailTemplate.EmailTemplateModel

@{
    AutorisatieModel autorisatieModel = ViewBag.AutorisatieModel;
    bool heeftSchrijfrechten = autorisatieModel.BeheerEmailTemplatesSchrijven;
}

<div class="panel panel-default basisViewEdit">

    <div class="panel-heading">
        Email template
    </div>
    <p class="three">
        Op deze pagina kun je de mail die aan nieuw personeel wordt verzonden aanpassen naar je eigen smaak.
        <br /> Pas de content aan en bekijk de preview van de mail voor het te verwachten resultaat.
    </p>


    <table>
        <tr>
            <th></th>

            @using (Html.BeginForm("Wijzigen", "EmailTemplate", FormMethod.Post, new { @id = "EmailTemplateOpslaan" }))
            {
                @Html.HiddenFor(m => m.Id)

                <div class="col-sm-12 col-md-6">
                    <div class="form-horizontal col-md-12">
                        @FormGroupHelper.CreateFormGroup(Html, m => m.Afzender, heeftSchrijfrechten)
                    </div>

                    <div class="form-horizontal col-md-12">
                        @FormGroupHelper.CreateFormGroup(Html, m => m.Onderwerp, heeftSchrijfrechten)
                    </div>

                    @if (Html.GebruikerContext().Klant.LogoIDSpecified)
                    {


                        <div class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-2">
                                    <label for="Titel">Logo</label>
                                </label>
                                <div class="col-md-4" style="height: 73px;">
                                    <div style="height: 73px; padding: 1px; border: 1px solid #eee;">
                                        <img src='/Beheer/images/sdbayton.png' />
                                    </div>
                                </div>
                                <div class='col-md-4' style="height: 73px;">
                                    <div style="height: 73px; padding: 1px; border: 1px solid #eee;">
                                        <img src='/Beheer/Document/Download?documentID=@(Html.GebruikerContext().Klant.LogoID)' />
                                    </div>
                                </div>
                                <div class="col-md-2">

                                </div>
                                <div class="col-md-4 col-md-offset-2">
                                    @Html.RadioButton("logo-selectie", "standaard", !Model.GebruikKlantLogo, new { @name = "logoKeuze" })
                                    @Html.Label("standaard logo")
                                </div>
                                <div class='col-md-4'>
                                    @Html.RadioButton("logo-selectie", "klant", Model.GebruikKlantLogo, new { @name = "logoKeuze" })
                                    @Html.Label("eigen logo")
                                </div>
                                <div class="col-md-2">

                                </div>
                            </div>
                        </div>
                    }

                    <div class="form-horizontal col-md-12">
                        @FormGroupHelper.CreateFormGroup(Html, m => m.Titel, heeftSchrijfrechten)
                    </div>

                    <div class="form-horizontal col-md-12">
                        @FormGroupHelper.CreateFormGroup(Html, m => m.IntroductieTekst, "TekstAreaTemplate", heeftSchrijfrechten)
                    </div>

                    <div class="form-horizontal col-md-12">
                        @FormGroupHelper.CreateFormGroup(Html, m => m.AfzenderTekst, "TekstAreaTemplate", heeftSchrijfrechten)
                    </div>
                </div>

                <div class="col-sm-12 col-md-6">

                </div>
            }

            @FormGroupHelper.CreateFormGroup(Html, m => m.Afzender, heeftSchrijfrechten)

            <th>

                <textarea rows="4" cols="50" name="comment" form="usrform">
                    @FormGroupHelper.CreateFormGroup(Html, m => m.Afzender, heeftSchrijfrechten)
                </textarea>
            </th>
        </tr>

    </table>

    @if (heeftSchrijfrechten)
    {
        <div class="panel-footer"></div>

        <div class="navigatie alignRight">
            @ButtonHelper.Button(ButtonType.Default, ButtonSize.Large, "Annuleren", id: "annuleren", icon: "glyphicon-arrow-left", href: Url.Action("../EmailTemplate"))
            @*@ButtonHelper.Button(ButtonType.Default, ButtonSize.Large, Messages.Global_Action_Annuleren, "stap-verwijderen", icon: "glyphicon-remove")*@
            @ButtonHelper.Button(ButtonType.Primary, ButtonSize.Large, Messages.Global_Action_Opslaan, "opslaan")
            @ButtonHelper.Button(ButtonType.Primary, ButtonSize.Large, Messages.Global_Action_previewEmail, "PreviewEmail")
        </div>
    }
</div>

<script>
    $(document).ready(function () {
        $('#opslaan').click(function () {
            $('#EmailTemplateOpslaan').submit();
        });





        $('#PreviewEmail').click(function () {

            $.ajax({
                type: "Get",
                url: '@Url.Action("PreviewEmail", "EmailTemplate", new { area = "Salaris"})',
                //data: { EmailContent: "value" },
                contentType: 'application/json; charset=utf-8',
                //dataType: "json",
                success: function (response) {

                }
            });

        });


    });
</script>

我在视图中有一个textarea:


                

模型看起来像这样:

public class EmailTemplateModel : IValidatableObject
    {
        public int Id { get; set; }

        public string Afzender { get; set; }

        public string Onderwerp { get; set; }

        public bool GebruikKlantLogo { get; set; }

        public string Titel { get; set; }

        public string IntroductieTekst { get; set; }

        public string AfzenderTekst { get; set; }

        public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
        {
            if (String.IsNullOrWhiteSpace(Titel))
            {
                yield return new ValidationResult("Onderwerp moet gevuld zijn.", new List<string>() { "Titel" });
            }

            if (String.IsNullOrWhiteSpace(IntroductieTekst))
            {
                yield return new ValidationResult("Inhoud moet gevuld zijn.", new List<string>() { "Inhoud" });
            }
        }
    }

现在我想要在文本字段中放置一些数据,例如: 该物业:

   @FormGroupHelper.CreateFormGroup(Html, m => m.Afzender, heeftSchrijfrechten)

我填写:Albert Newton。

然后我想要视图中的按钮。按钮看起来像这样:

 @ButtonHelper.Button(ButtonType.Primary, ButtonSize.Large, Messages.Global_Action_previewEmail, "PreviewEmail")

我在视图中有一个ajax调用:

$('#PreviewEmail').click(function () {

            $.ajax({
                type: "Get",
                url: '@Url.Action("PreviewEmail", "EmailTemplate", new { area = "Salaris"})',
                //data: { EmailContent: "value" },
                contentType: 'application/json; charset=utf-8',
                //dataType: "json",
                success: function (response) {

                }
            });

        });

并且ajax方法调用此方法:

  [HttpGet]
        [AutorisatieFilter(Rol = "Beheer | Email templates@Lezen")]
        public ActionResult PreviewEmail()
        {
            EmailTemplateModel model = new EmailTemplateModel();
           string test = null;

            if (model != null)
            {  

            }      

            return View(model); // viewname is your cshtml file name
        }

模型的属性出现在视图中的textarea中。

所以我的任务是如何返回你在textarea中出现的模型属性中填写的数据?

谢谢

0 个答案:

没有答案