分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

.NetCore TagHelpers标签

发布时间:2023-09-06 01:43责任编辑:苏小强关键词:暂无标签

TagHelpers 能够让服务端代码参与创建和渲染 HTML 元素,让整个View视图看起来只有Html代码,也让前台开发人员开发的页面直接被后台开发人员使用,而不需要重复的书写代码,这种设计将会成为主流,语法类似于KO和AngularJs,直接在Html元素上添加对应的标签即可,下面介绍几种主要的TagHelpers标签.

<opt:versionselect x-for="VersionID" x-param="3" class="form-control" onchange="GetSelect()"></opt:versionselect><opt:versionselect x-for="VersionID" x-param="2" x-first-value="0" x-first-text="请选择" class="form-control"></opt:versionselect><opt:versionselect x-for="VersionID" x-param="2" x-first-value="" x-first-text="请选择" class="form-control" onchange="$(this).parents(‘form‘).submit();"></opt:versionselect>
 1 using System; 2 using System.Collections.Generic; 3 using Microsoft.AspNetCore.Mvc.Rendering; 4 using Microsoft.AspNetCore.Mvc.ViewFeatures; 5 using Microsoft.AspNetCore.Razor.TagHelpers; 6 ?7 namespace Data.TagHelpers 8 { 9 ????[HtmlTargetElement("opt:versionselect")]10 ????public class VersionSelectTagHelper : ParamSelectableTagHelperBase11 ????{12 ????????private readonly IVersionManager _ivManager;13 14 ????????public VersionSelectTagHelper(IHtmlGenerator generator, IVersionManager ivManager) : base(generator)15 ????????{16 ????????????_ivManager = ivManager;17 ????????}18 ????????/// <summary>19 ????????/// 实现抽象类(绑定数据)20 ????????/// </summary>21 ????????protected override void Init(List<SelectListItem> items, TagHelperContext context, string Param)22 ????????{23 ????????????VersionType enumType = (VersionType)Enum.Parse(typeof(VersionType), Param);//字符串转为版本枚举类型 x-param="3"24 ????????????IEnumerable<Data.Versions.Version> list = _ivManager.GetVersionByType(enumType);25 ????????????foreach (var item in list)26 ????????????{27 ????????????????items.Add(new SelectListItem { Text = item.VersionName, Value = item.Id.ToString() });28 ????????????}29 ????????}30 ????}31 }
$("#VersionID").change(function () { ???????debugger ???????var verid = $(‘#VersionID option:selected‘).val(); ???????$.ajax({ ???????????url: "@Url.ActionUrl("GetVersionInfo")", ???????????data: { verid: verid}, ???????????dataType: ‘JSON‘, ???????????type: ‘POST‘, ???????????success: function (d) { ???????????????$("#name").val(d.data.name); ???????????????$("#value option:contains(‘" + d.data.value + "‘)").attr("selected", true); ???????????}, ???????????error: function (resp) { ???????????????if (resp.status === 401) { ???????????????????return; ???????????????} ???????????????else ???????????????????document.write(resp.responseText); ???????????} ???????}); ???});

.NetCore TagHelpers标签

原文地址:https://www.cnblogs.com/you316/p/8457586.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved