Question

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

这是tinymce的视图：

<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是可见的，单选按钮被选为无

Answer 1

如果我理解正确，你应该在你的文档就绪函数中添加这个： -

$(function(){
    showHideTinyMce()

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

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

Answer 2

只需将您的代码放入文档准备就绪。

PSB。

$(document).ready(function () {

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

});

Answer 3

好的，我找到了解决方案。因为它是局部视图，我以为我不允许在那里放任何脚本。但解决方案是将脚本放在局部视图中，如下所示：

@if (!Model.IsCheckedPDFMailForm) {
    <script>
        $(document).ready(function () {
            $('#MAIL_FORM_SUBMITTER_pdfeditor').hide();
        });
    </script>
}

并在单独的jquery文件中，如下所示：

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

保存后显示textarea

3 个答案: