时间戳

首页 > 解决方案 > 如何制作自定义 HTML Helper？

javascript - 如何制作自定义 HTML Helper？

问题描述

如何制作自定义 HTML Helper 就像Html.CheckBoxFor() 我制作依赖于数据库的动态表单输入一样，所以我需要生成我的自定义 HTML 元素

我尝试PartialView通过返回ajax request并将返回 HTML的添加PartialView到DOM，但根据服务器端需要更多时间

 $.ajax({
            type: "GET",
            url: "@Url.Action("FindTransactionForInternal", "Transactions")",
            contentType: 'application/json; charset=utf-8',
            dataType: 'html',
            data: { transId:transId },
            success: function (response) {
                $('#internaldetails').html(response);
           }
        });

标签： javascriptc#htmlasp.net-mvcrazor

解决方案

这是一个如何制作自定义 HTML Helper 的示例

public static class HelpersExtensions
{
    public static string CustomCheckBoxFor(this HtmlHelper helper, string target, string text)
    {
        return String.Format("<input type='checkbox' for='{0}'>{1}</input>", target, text);
    }
}

注意： Html 助手无法从数据库中获取信息，只能使用传递给参数的值。

可以做的是在控制器中获取信息并传递给模型，因此模型将参数传递给自定义 html 帮助器

推荐阅读