jQuery EasyUI

前台开发，很多人喜欢用JQuery，但是在做后台管理系统，特别是企业管理系统，例如WEB进销存系统等，很多人都会选择ExtJS，因为ExtJS提供了非常多的UI界面，并且非常友好。 

我要告诉大家，现在JQuery也有一个很好的UI插件了，几乎完全可以替代ExtJS，下面来看看对比：

 

上图是ExtJS和EasyUI的界面对比，是不是很类似呢，很强大呢？ 呵呵~~

 

漂亮的消息弹出，支持遮罩效果。

 

这个效果也很酷~ 

更多的酷炫功能请看下方功能列表。。。

 

 Easy UI的使用也非常地简单：

JavaScript代码

<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>

与引用其它JQuery插件类似。具体使用可以参考官方地址：http://jquery-easyui.wikidot.com/tutorial

下面是Easy ui目前提供的所有插件功能：

• 1. Menu and Button
  2. Create a simple menu
  • Create a Link Button
  • Create a Menu Button
  • Create a Split Button
• 1. Layout
  2. Build border layout for Web Pages
  • Complex layout on Panel
  • Create Accordion
  • Create Tabs
  • Create XP style left panel
• 1. DataGrid
  2. Convert a HTML table to DataGrid
  • Add a pagination to DataGrid
  • Get selected row data from DataGrid
  • Add a toolbar to DataGrid
  • Frozen columns for DataGrid
  • Dynamic change DataGrid columns
  • Formatting DataGrid columns
  • Add sorting to DataGrid
  • Create column groups in DataGrid
  • CheckBox select on DataGrid
• 1. Window
  2. My first window
  • Custom window tools
  • Window and Layout
  • Create Dialog
• 1. Tree
  2. Create Tree from markup
  • Create Async Tree
  • Append nodes to tree
• 1. Form
  2. Submit a form with Ajax
  • Add ComboTree field to a form
  • Form Validation

用过ExtJS的朋友都知道，他与JQuery来比，ExtJS是比较臃肿的一个JS框架，JQuery它是一个公认的轻量级JS框架，而基于JQuery的Easy UI它能够完全胜任我们的基本开发需求，并且比ExtJS要轻量许多。

 赶快去体验吧，一定会对你的工作有很大帮助的！