首页 > 代码库 > FontAwesome图标选择器

FontAwesome图标选择器

技术分享

虽然比较简单,但很实用,在C# MVC下开发,请首先将图标名称保存到数据库中,图标窗口如下。

@{	Layout = "~/Views/Shared/_Form.cshtml";	var fontawesomelist = ViewData["fontAwesomeList"] as List<Mes.Domain._03_Entity.SystemManage.FontAwesomeEntity>;} <!DOCTYPE html><script type="text/javascript">	function btn_edit(v1) {		var v = $(v1).find("i").attr("class");		var index = parent.layer.getFrameIndex(window.name);		parent.$(‘#F_Icon‘).val(v);		parent.layer.close(index);	}</script><html><body><div> @{	foreach (var item in fontawesomelist)	{					<a class="btn" onclick="btn_edit(this)" style="width:30px"><i class="fa @item.F_FullName" ></i></a>					 	}}</div></body></html>

 

FontAwesome图标选择器