码迷,mamicode.com
首页 > 其他好文 > 详细

FontAwesome图标选择器

时间:2016-10-15 19:14:27      阅读:616      评论:0      收藏:0      [点我收藏+]

标签:

技术分享

虽然比较简单,但很实用,在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图标选择器

标签:

原文地址:http://www.cnblogs.com/zhaogaojian/p/5965037.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!