虽然比较简单，但很实用，在C# MVC下开发，请首先将图标名称保存到数据库中，图标窗口如下。
@{
Layout = "~/Views/Shared/_Form.cshtml";
var fontawesomelist = ViewData["fontAwesomeList"] as List<Mes.Domain._03_Entity.SystemManage.FontAwesomeEntity>;//这个地方改成自己的数据源或者直接在js里读取json。
}
<!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["Form"].$('#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表
F_Id F_FullName 1 fa-glass 10 fa-th-large 100 fa-arrow-right 101 fa-arrow-up 102 fa-arrow-down 103 fa-mail-forward 104 fa-share 105 fa-expand 106 fa-compress 107 fa-plus 108 fa-minus 109 fa-asterisk 11 fa-th 110 fa-exclamation-circle 111 fa-gift 112 fa-leaf 113 fa-fire 114 fa-eye 115 fa-eye-slash 116 fa-warning 117 fa-exclamation-triangle 118 fa-plane 119 fa-calendar 12 fa-th-list 120 fa-random 121 fa-comment 122 fa-magnet 123 fa-chevron-up 124 fa-chevron-down 125 fa-retweet 126 fa-shopping-cart 127 fa-folder 128 fa-folder-open 129 fa-arrows-v 13 fa-check 130 fa-arrows-h 131 fa-bar-chart-o 132 fa-bar-chart 133 fa-twitter-square 134 fa-facebook-square 135 fa-camera-retro 136 fa-key 137 fa-gears 138 fa-cogs 139 fa-comments 14 fa-remove 140 fa-thumbs-o-up 141 fa-thumbs-o-down 142 fa-star-half 143 fa-heart-o 144 fa-sign-out 145 fa-linkedin-square 146 fa-thumb-tack 147 fa-external-link 148 fa-sign-in 149 fa-trophy 15 fa-close 150 fa-github-square 151 fa-upload 152 fa-lemon-o 153 fa-phone 154 fa-square-o 155 fa-bookmark-o 156 fa-phone-square 157 fa-twitter 158 fa-facebook 159 fa-github 16 fa-times 160 fa-unlock 161 fa-credit-card 162 fa-rss 163 fa-hdd-o 164 fa-bullhorn 165 fa-bell 166 fa-certificate 167 fa-hand-o-right 168 fa-hand-o-left 169 fa-hand-o-up 17 fa-search-plus 170 fa-hand-o-down 171 fa-arrow-circle-left 172 fa-arrow-circle-right 173 fa-arrow-circle-up 174 fa-arrow-circle-down 175 fa-globe 176 fa-wrench 177 fa-tasks 178 fa-filter 179 fa-briefcase 18 fa-search-minus 180 fa-arrows-alt 181 fa-group 182 fa-users 183 fa-chain 184 fa-link 185 fa-cloud 186 fa-flask 187 fa-cut 188 fa-scissors 189 fa-copy 19 fa-power-off 190 fa-files-o 191 fa-paperclip 192 fa-save 193 fa-floppy-o 194 fa-square 195 fa-navicon 196 fa-reorder 197 fa-bars 198 fa-list-ul 199 fa-list-ol 2 fa-music 20 fa-signal 200 fa-strikethrough 201 fa-underline 202 fa-table 203 fa-magic 204 fa-truck 205 fa-pinterest 206 fa-pinterest-square 207 fa-google-plus-square 208 fa-google-plus 209 fa-money 21 fa-gear 210 fa-caret-down 211 fa-caret-up 212 fa-caret-left 213 fa-caret-right 214 fa-columns 215 fa-unsorted 216 fa-sort 217 fa-sort-down 218 fa-sort-desc 219 fa-sort-up 22 fa-cog 220 fa-sort-asc 221 fa-envelope 222 fa-linkedin 223 fa-rotate-left 224 fa-undo 225 fa-legal 226 fa-gavel 227 fa-dashboard 228 fa-tachometer 229 fa-comment-o 23 fa-trash-o 230 fa-comments-o 231 fa-flash 232 fa-bolt 233 fa-sitemap 234 fa-umbrella 235 fa-paste 236 fa-clipboard 237 fa-lightbulb-o 238 fa-exchange 239 fa-cloud-download 24 fa-home 240 fa-cloud-upload 241 fa-user-md 242 fa-stethoscope 243 fa-suitcase 244 fa-bell-o 245 fa-coffee 246 fa-cutlery 247 fa-file-text-o 248 fa-building-o 249 fa-hospital-o 25 fa-file-o 250 fa-ambulance 251 fa-medkit 252 fa-fighter-jet 253 fa-beer 254 fa-h-square 255 fa-plus-square 256 fa-angle-double-left 257 fa-angle-double-right 258 fa-angle-double-up 259 fa-angle-double-down 26 fa-clock-o 260 fa-angle-left 261 fa-angle-right 262 fa-angle-up 263 fa-angle-down 264 fa-desktop 265 fa-laptop 266 fa-tablet 267 fa-mobile-phone 268 fa-mobile 269 fa-circle-o 27 fa-road 270 fa-quote-left 271 fa-quote-right 272 fa-spinner 273 fa-circle 274 fa-mail-reply 275 fa-reply 276 fa-github-alt 277 fa-folder-o 278 fa-folder-open-o 279 fa-smile-o 28 fa-download 280 fa-frown-o 281 fa-meh-o 282 fa-gamepad 283 fa-keyboard-o 284 fa-flag-o 285 fa-flag-checkered 286 fa-terminal 287 fa-code 288 fa-mail-reply-all 289 fa-reply-all 29 fa-arrow-circle-o-down 290 fa-star-half-empty 291 fa-star-half-full 292 fa-star-half-o 293 fa-location-arrow 294 fa-crop 295 fa-code-fork 296 fa-unlink 297 fa-chain-broken 298 fa-question 299 fa-info 3 fa-search 30 fa-arrow-circle-o-up 300 fa-exclamation 301 fa-superscript 302 fa-subscript 303 fa-eraser 304 fa-puzzle-piece 305 fa-microphone 306 fa-microphone-slash 307 fa-shield 308 fa-calendar-o 309 fa-fire-extinguisher 31 fa-inbox 310 fa-rocket 311 fa-maxcdn 312 fa-chevron-circle-left 313 fa-chevron-circle-right 314 fa-chevron-circle-up 315 fa-chevron-circle-down 316 fa-html5 317 fa-css3 318 fa-anchor 319 fa-unlock-alt 32 fa-play-circle-o 320 fa-bullseye 321 fa-ellipsis-h 322 fa-ellipsis-v 323 fa-rss-square 324 fa-play-circle 325 fa-ticket 326 fa-minus-square 327 fa-minus-square-o 328 fa-level-up 329 fa-level-down 33 fa-rotate-right 330 fa-check-square 331 fa-pencil-square 332 fa-external-link-square 333 fa-share-square 334 fa-compass 335 fa-toggle-down 336 fa-caret-square-o-down 337 fa-toggle-up 338 fa-caret-square-o-up 339 fa-toggle-right 34 fa-repeat 340 fa-caret-square-o-right 341 fa-euro 342 fa-eur 343 fa-gbp 344 fa-dollar 345 fa-usd 346 fa-rupee 347 fa-inr 348 fa-cny 349 fa-rmb 35 fa-refresh 350 fa-yen 351 fa-jpy 352 fa-ruble 353 fa-rouble 354 fa-rub 355 fa-won 356 fa-krw 357 fa-bitcoin 358 fa-btc 359 fa-file 36 fa-list-alt 360 fa-file-text 361 fa-sort-alpha-asc 362 fa-sort-alpha-desc 363 fa-sort-amount-asc 364 fa-sort-amount-desc 365 fa-sort-numeric-asc 366 fa-sort-numeric-desc 367 fa-thumbs-up 368 fa-thumbs-down 369 fa-youtube-square 37 fa-lock 370 fa-youtube 371 fa-xing 372 fa-xing-square 373 fa-youtube-play 374 fa-dropbox 375 fa-stack-overflow 376 fa-instagram 377 fa-flickr 378 fa-adn 379 fa-bitbucket 38 fa-flag 380 fa-bitbucket-square 381 fa-tumblr 382 fa-tumblr-square 383 fa-long-arrow-down 384 fa-long-arrow-up 385 fa-long-arrow-left 386 fa-long-arrow-right 387 fa-apple 388 fa-windows 389 fa-android 39 fa-headphones 390 fa-linux 391 fa-dribbble 392 fa-skype 393 fa-foursquare 394 fa-trello 395 fa-female 396 fa-male 397 fa-gittip 398 fa-sun-o 399 fa-moon-o 4 fa-envelope-o 40 fa-volume-off 400 fa-archive 401 fa-bug 402 fa-vk 403 fa-weibo 404 fa-renren 405 fa-pagelines 406 fa-stack-exchange 407 fa-arrow-circle-o-right 408 fa-arrow-circle-o-left 409 fa-toggle-left 41 fa-volume-down 410 fa-caret-square-o-left 411 fa-dot-circle-o 412 fa-wheelchair 413 fa-vimeo-square 414 fa-turkish-lira 415 fa-try 416 fa-plus-square-o 417 fa-space-shuttle 418 fa-slack 419 fa-envelope-square 42 fa-volume-up 420 fa-wordpress 421 fa-openid 422 fa-institution 423 fa-bank 424 fa-university 425 fa-mortar-board 426 fa-graduation-cap 427 fa-yahoo 428 fa-google 429 fa-reddit 43 fa-qrcode 430 fa-reddit-square 431 fa-stumbleupon-circle 432 fa-stumbleupon 433 fa-delicious 434 fa-digg 435 fa-pied-piper 436 fa-pied-piper-alt 437 fa-drupal 438 fa-joomla 439 fa-language 44 fa-barcode 440 fa-fax 441 fa-building 442 fa-child 443 fa-paw 444 fa-spoon 445 fa-cube 446 fa-cubes 447 fa-behance 448 fa-behance-square 449 fa-steam 45 fa-tag 450 fa-steam-square 451 fa-recycle 452 fa-automobile 453 fa-car 454 fa-cab 455 fa-taxi 456 fa-tree 457 fa-spotify 458 fa-deviantart 459 fa-soundcloud 46 fa-tags 460 fa-database 461 fa-file-pdf-o 462 fa-file-word-o 463 fa-file-excel-o 464 fa-file-powerpoint-o 465 fa-file-photo-o 466 fa-file-picture-o 467 fa-file-image-o 468 fa-file-zip-o 469 fa-file-archive-o 47 fa-book 470 fa-file-sound-o 471 fa-file-audio-o 472 fa-file-movie-o 473 fa-file-video-o 474 fa-file-code-o 475 fa-vine 476 fa-codepen 477 fa-jsfiddle 478 fa-life-bouy 479 fa-life-buoy 48 fa-bookmark 480 fa-life-saver 481 fa-support 482 fa-life-ring 483 fa-circle-o-notch 484 fa-ra 485 fa-rebel 486 fa-ge 487 fa-empire 488 fa-git-square 489 fa-git 49 fa-print 490 fa-hacker-news 491 fa-tencent-weibo 492 fa-qq 493 fa-wechat 494 fa-weixin 495 fa-send 496 fa-paper-plane 497 fa-send-o 498 fa-paper-plane-o 499 fa-history 5 fa-heart 50 fa-camera 500 fa-circle-thin 501 fa-header 502 fa-paragraph 503 fa-sliders 504 fa-share-alt 505 fa-share-alt-square 506 fa-bomb 507 fa-soccer-ball-o 508 fa-futbol-o 509 fa-tty 51 fa-font 510 fa-binoculars 511 fa-plug 512 fa-slideshare 513 fa-twitch 514 fa-yelp 515 fa-newspaper-o 516 fa-wifi 517 fa-calculator 518 fa-paypal 519 fa-google-wallet 52 fa-bold 520 fa-cc-visa 521 fa-cc-mastercard 522 fa-cc-discover 523 fa-cc-amex 524 fa-cc-paypal 525 fa-cc-stripe 526 fa-bell-slash 527 fa-bell-slash-o 528 fa-trash 529 fa-copyright 53 fa-italic 530 fa-at 531 fa-eyedropper 532 fa-paint-brush 533 fa-birthday-cake 534 fa-area-chart 535 fa-pie-chart 536 fa-line-chart 537 fa-lastfm 538 fa-lastfm-square 539 fa-toggle-off 54 fa-text-height 540 fa-toggle-on 541 fa-bicycle 542 fa-bus 543 fa-ioxhost 544 fa-angellist 545 fa-cc 546 fa-shekel 547 fa-sheqel 548 fa-ils 549 fa-meanpath 55 fa-text-width 56 fa-align-left 57 fa-align-center 58 fa-align-right 59 fa-align-justify 6 fa-star 60 fa-list 61 fa-dedent 62 fa-outdent 63 fa-indent 64 fa-video-camera 65 fa-photo 66 fa-image 67 fa-picture-o 68 fa-pencil 69 fa-map-marker 7 fa-star-o 70 fa-adjust 71 fa-tint 72 fa-edit 73 fa-pencil-square-o 74 fa-share-square-o 75 fa-check-square-o 76 fa-arrows 77 fa-step-backward 78 fa-fast-backward 79 fa-backward 8 fa-user 80 fa-play 81 fa-pause 82 fa-stop 83 fa-forward 84 fa-fast-forward 85 fa-step-forward 86 fa-eject 87 fa-chevron-left 88 fa-chevron-right 89 fa-plus-circle 9 fa-film 90 fa-minus-circle 91 fa-times-circle 92 fa-check-circle 93 fa-question-circle 94 fa-info-circle 95 fa-crosshairs 96 fa-times-circle-o 97 fa-check-circle-o 98 fa-ban 99 fa-arrow-left
本文暂时没有评论，来添加一个吧(●'◡'●)