javascript - 保存后显示文本区域

Question

我正在使用tinymce。我可以选择用单选按钮显示tinymce(是或否)。但该功能仅适用于 onchange。但保存状态(是或否)后，单选按钮的状态将被保存。但是，当用户第一次访问该页面时，微小的 mce 不再可见(在用户选择"is"之后)。

这是tinymce的 View :

<div class="form-group">
        @Html.Label(Resources.Entity.Product.GeneratePDF, new { @class = "text-bold control-label col-md-2" })
        <div class="col-lg-6 col-md-8 col-sm-10 ">
            @Html.Label(Resources.Entity.Product.GeneratePDFYes) @Html.RadioButtonFor(model => mailModel.IscheckedPDF,true, new {@class = "MAIL_PRODUCT_HANDLERS_AttachPdf" })
            @Html.Label(Resources.Entity.Product.GeneratePDFNo)  @Html.RadioButtonFor(model => mailModel.IscheckedPDF,false, new {@class = "MAIL_PRODUCT_HANDLERS_AttachPdf" })
        </div>
    </div>



    <div class="form-group" id="MAIL_PRODUCT_HANDLERS_pdfeditor">
        <div id="hideLableProduct">
            @Html.Label(Resources.Entity.Product.PdfMessage, new { @id = "hideLable", @class = "text-bold control-label col-md-2" })
        </div>
        <div class="col-lg-6 col-md-8 col-sm-10 ">
            @Html.EditorFor(model => mailModel.PdfMessage, new { htmlAttributes = new { @class = "form-control tiny-mce", @id = "GeneratePDFMailProductHandler", data_lang = System.Globalization.CultureInfo.CurrentUICulture.Name } })
            @Html.ValidationMessageFor(model => mailModel.PdfMessage)
        </div>
        <div class="col-lg-6 col-md-8 col-sm-10 ">
        </div>
        <div class="col-sm-offset-2 col-lg-6 col-md-8 col-sm-8">
            <div id="hideButtonProduct">
                <br /><br />  <a href="" class="btn btn-success" id="btnGeneratePDF" name="btnGeneratePDF" formtarget="_blank" onclick="generatePdfPreview('GeneratePDFMailProductHandler'); return false;"> &nbsp;&nbsp;&nbsp;<i class="fa fa-fw fa-check"> </i> @Resources.Action.Navigation.PreviewPDF</a>
            </div>
        </div>
    </div>

这是javascript:

 $(".MAIL_PRODUCT_HANDLERS_AttachPdf").change(function () {
        if ($(this).val() == "True") {
            $('#MAIL_PRODUCT_HANDLERS_pdfeditor').show();
        }
        else {
            $('#MAIL_PRODUCT_HANDLERS_pdfeditor').hide();
        }
    });

谢谢

如果我这样做:

 $(function () {
        if ($(".MAIL_PRODUCT_HANDLERS_AttachPdf").val() == "True") {
            $('#MAIL_PRODUCT_HANDLERS_pdfeditor').show();
        }
        else {
            $('#MAIL_PRODUCT_HANDLERS_pdfeditor').hide();
        }
    });  




    $(".MAIL_PRODUCT_HANDLERS_AttachPdf").change(function () {
        if ($(this).val() == "True") {
            $('#MAIL_PRODUCT_HANDLERS_pdfeditor').show();
        }
        else {
            $('#MAIL_PRODUCT_HANDLERS_pdfeditor').hide();
        }
    });

编辑器始终可见。即使您选择“否”并保存状态并返回到表单。 tinymce可见，单选按钮选择为no

Answer 1

只需将您的代码放入准备好的文档中即可。

公共(public)安全局。

$(document).ready(function () {

    $(".MAIL_PRODUCT_HANDLERS_AttachPdf").change(function () {
        if ($(this).val() == "True") {
            $('#MAIL_PRODUCT_HANDLERS_pdfeditor').show();
        }
        else {
            $('#MAIL_PRODUCT_HANDLERS_pdfeditor').hide();
        }
    });

});