TagHelper 中使用 ViewBag 及其他

2021-07-19 15:34:38 阅读：149 来源： 互联网

标签：get ViewBag 及其苍茫天涯 output TagHelper public

自定义一个 TagHelper ViewContext 引用的空间 using Microsoft.AspNetCore.Mvc.Rendering;

   [HtmlTargetElement("card")]
    public class CardTagHelper: TagHelper
    {
        public string Title { get; set; }
        public string Icon { get; set; }
        public string Url { get; set; }
        public string Tag { get; set; }

        [HtmlAttributeNotBound]
        [ViewContext]
        public ViewContext viewContext { get; set; }

        IWorkOrderService workOrderService;
        public   CardTagHelper(IWorkOrderService workOrderService)
        {
            this.workOrderService = workOrderService;
        }

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            output.TagName = Tag??"div";
            output.TagMode = TagMode.StartTagAndEndTag;

            
            var preContent = new StringBuilder();
            preContent.Append("<a>test</a>");
            viewContext.ViewBag.zhangsan = Title;
            int count = 0;
            var list = workOrderService.PageFind(0, null, null, null, null, null, 0, 1, 10, out count);
            viewContext.ViewBag.list = list;
            viewContext.ViewBag.count = count;

            output.PreContent.SetHtmlContent(preContent.ToString());
            output.PreContent.SetContent(Icon);
        }
    }

Microsoft.AspNetCore.Mvc 中也有一个 ViewContext ，注意不要引用错

前端的写法
引入名称和所在程序集
@addTagHelper  CooperAdmin.CardTagHelper,CooperAdmin

这里嵌套调用
<card title="myTitle" icon="myIcon" url="redirectUrl">
    @ViewBag.zhangsan
    <ul>
        @foreach (var li in ViewBag.list)
        {
            <li>@li.Id, @li.Name</li>
        }
    </ul>


    <card title="myTitle2" icon="myIcon2" url="redirectUrl2">
    </card>
</card>

生成的代码：

<div>myIcon
    myTitle
    <ul>
            <li>6643, 苍茫的天涯是我的爱</li>
            <li>6642, 苍茫的天涯是我的爱</li>
            <li>6641, 苍茫的天涯是我的爱</li>
            <li>6640, 苍茫的天涯是我的爱</li>
            <li>6639, 苍茫的天涯是我的爱</li>
            <li>6638, 苍茫的天涯是我的爱</li>
            <li>6637, 苍茫的天涯是我的爱</li>
            <li>6636, 动可爱的人</li>
            <li>6635, 动的收</li>
            <li>6634, 动的收</li>
    </ul>


    <div>myIcon2
    </div>
</div>

标签：get,ViewBag,及其,苍茫,天涯,output,TagHelper,public
来源： https://www.cnblogs.com/netqq/p/15030388.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

TagHelper 中使用 ViewBag 及其他