将方法传递给Razor Pages Textarea声明，以计算“ Readonly”在恐龙上

Question

我正在尝试将方法传递到textarea声明中（计算textarea是否应为readonly not 是否）

我得到了：

标签助手'textarea'不得在元素的属性声明区域中具有c＃。

我在cshtml文件中有类似的内容：

<td>
    <textarea class="form-control" asp-for="WipCommentCalculation.Comments!.PALaborComment" rows="1" @SetTextAreaVisibility(@Model.ManagerType, "PA" )>
    </textarea>
</td>

.cs文件：

private string SetTextAreaVisibility(string ManagerType, string textboxType)
{
    if (ManagerType == "_PAExpenditureLayout" && textboxType == "PA") 
    {
        return "";
    }
    else
    {
        return "readonly";
    }
}

这是一个缩短版本，因为我希望对该方法有更多的逻辑，但是这个想法是通过此方法：setTextAreaEvisibility（@model。托管类型，“ pa”）进入Texarea声明，因此它可以计算出“ readonly”标签（是否可以使textarea note）放置“ readonly”标签。 CSHTML页面有几个文本区域，根据状态，用户等，是否可以编辑。

如果您有另一个建议，我该怎么做，我也很高兴听到它。 谢谢。

Answer 1

在HTML中，有一个专门针对可读输入的属性。

因此，在您的情况下，您将将方法的返回类型更改为 bool ，然后将其绑定到textarea中 Readonly 属性的值。

这是一个工作示例：

html/cshtml：

<td>
    <textarea class="form-control"
              asp-for="WipCommentCalculation.Comments!.PALaborComment"
              rows="1"
              readonly="@SetTextAreaVisibility(@Model.ManagerType, "PA")"> 
    </textarea>
</td>

c＃方法：

private bool SetTextAreaVisibility(string ManagerType, string textboxType)
{
    if (ManagerType == "_PAExpenditureLayout" && textboxType == "PA")
    {
        return false;
    }
    else
    {
        return true;
    }
}

用于ReadOnly属性的MDN文档： readonly文档

Answer 2

您不能将方法传递给剃须刀textarea，但是您可以将setTextareaivisibily的结果传递给使用模型的剃须刀页面，以下是一个演示：

模型：

public class TestModel {
        public string ManagerType { get; set; }
        public string status { get; set; }

    }

动作：view：

public IActionResult Test()
        {
            var model = new TestModel {  ManagerType= "_PAExpenditureLayout" };

            model.status = SetTextAreaVisibility(model.ManagerType, "PA");
            return View(model);
        }

view：

<td><textarea class="form-control" asp-for="WipCommentCalculation.Comments!.PALaborComment" rows="1" @SetTextAreaVisibility(@Model.ManagerType, "PA" )></textarea></td>
    @section Scripts{ 
        <script>
        $(function () {
            if ("@Model.status"== "readonly") {
                $('textarea').each(function () {
                    $(this).attr("readonly", true);
                });
            }
            
        })
        </script>
    
    }

Answer 3

认为您可以编写自定义标签助手。

using Microsoft.AspNetCore.Razor.TagHelpers;

namespace CustomTagHelpers.TagHelpers
{
    [HtmlTargetElement(Attributes = "is-readonly")]
    public class ReadonlyTagHelper : TagHelper
    {
        public bool IsReadonly { get; set; }

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            if (IsReadonly)
            {
                output.Attributes.SetAttribute("readonly", "readonly");
            }
        }
    }
}

要么将taghelpers注册到_viewimports.cshtml以供全局使用

@addTagHelper CustomTagHelpers.*, TagHelpers

，要么在页面顶部导入以使用

@using CustomTagHelpers.TagHelpers

<textarea class="form-control"
          asp-for="WipCommentCalculation.Comments!.PALaborComment"
          rows="1"
          is-readonly="@SetTextAreaVisibility(@Model.ManagerType, "PA")"> 
</textarea>

---

参考

asp.net core中的自定义标记助手