JQuery爱好者们的福音:jQuery EasyUI

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

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

 

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

 

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

 

这个效果也很酷~ 
 

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

 

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

JavaScript代码
  1. <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>   
  2. <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要轻量许多。
 

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


 

你可能感兴趣的:(html,jquery,css,职场,休闲)