EFW框架源代碼下載V1.2：http://pan.baidu.com/s/1hcnuA
EFW框架實例源代碼下載：http://pan.baidu.com/s/1o6MAKCa
前言：EFW框架主要用於行業軟件軟件開發，所以軟件的界面需要體現專業、漂亮、風格統一的效果；在Web方便這種界面框架還是有不少，如強大的EXT，基於Jquery的JqueryUI，還有一些國產的也都比較漂亮；而EFW框架中推薦的是JqueryEasyUI，為什么選擇它了，一是界面風格比較合適，控件也很全，已經滿足系統的功能；二是JqueryEasyUI是基於Jquery，對於它的編碼方式是非常舒服的，而且整個框架夠輕量級；三是它的學習成本低，實例代碼很全，花得幾個小時熟悉一下就會使用；以前在項目中有用過ExtJS做界面開發，說實話用得比較痛苦，它那種編碼方式不是一般人能接受的，界面都是用JS代碼編寫的，看起來不太直觀，特別大家編碼又不是太規范，日積月累最后一個頁面js也是老長，最后出現對應閉合符號不對都要找半天；現在的項目都是使用JqueryEasyUI開發，那叫一個舒服啊；當然如果還是覺得JqueryEasyUI不夠強大，你可以在EFW框架中非常方便的擴展你自己的界面框架；
本文要點：
1.JqueryEasyUI介紹
2.JqueryEasyUI常用控件使用詳解
3.EFW框架中使用JqueryEasyUI開發的編碼風格
4.在JqueryEasyUI基礎上自定義的控件
1.JqueryEasyUI介紹
jQuery EasyUI是一組基於jQuery的UI插件集合，而jQuery EasyUI的目標就是幫助web開發者更輕松的打造出功能豐富並且美觀的UI界面。開發者不需要編寫復雜的javascript，也不需要對css樣式有深入的了解，開發者需要了解的只有一些簡單的html標簽。jQuery EasyUI為我們提供了大多數UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。jQuery EasyUI是基於JQuery的一個前台ui界面的插件，功能相對沒extjs強大，但頁面也是相當好看的。一些功能也足夠開發者使用，相對於extjs更輕量。
特點
1 基於jquery用戶界面插件的集合
2 為一些當前用於交互的js應用提供必要的功能
3 使用 EasyUI你不需要寫很多的javascript代碼，通常只需要寫HTML標記來定義用戶界面即可
4 支持HTML5
5 開發產品時可節省時間和資源
6 簡單，但很強大
7 支持擴展，可根據自己的需求擴展控件
8 目前各項不足正已版本遞增的方式不斷完善
2.JqueryEasyUI常用控件使用詳解
接下來我們結合EFW框架來詳細講解JqueryEasyUI的控件如何使用；同時根據自己結合自己對它的理解挑選幾個有代表性的控件；頁面中使用控件前必須先引用幾個JqueryEasyUI的文件；
1）Layout布局控件
學習一套控件首先要掌握的就是布局控件，分別上下、左右、居中等，還有嵌套布局，比如在居中面板再分為上下布局；布局用得好對以后得界面調整是非常方便，代碼也看上去更加清晰漂亮；編寫一個<div>標簽且class="easyui-layout"，這樣就表示把div層變成一個布局控件，所有其他控件的代碼編寫都是這種方式使用；
2）datagrid表格控件
表格控件在系統中用得最多的一個控件，在Winform中就有datagridview表格控件，只需將DataTable數據綁定給DataGridView就可以顯示數據非常簡單；而datagrid是bs的，肯定沒有這么方便，但EFW框架也把它封裝得使用起來非常方便；首先編寫datagrid界面代碼，定義好顯示列，然后在js代碼中給控件的url屬性指定請求地址，利用jquery的ajax發送http請求調用后台WebController，返回Json數據顯示在datagrid控件；
3）Dialog彈窗控件
這個控件也是用的非常多的，比如新增、修改操作的時候更偏向於彈出一個小界面進行操作；
其他更多控件學習參考：http://www.jeasyui.com
3.EFW框架中使用JqueryEasyUI開發的編碼風格
JqueryEasyUI代碼編寫有兩種風格，一種是用html標簽編寫界面代碼，還有一種可以編寫js代碼動態生成界面，從上面的控件舉例就能看出，個人堅持一定要采用第一種方式編寫界面代碼，js代碼只是一些數據請求操作；
4.在JqueryEasyUI基礎上自定義的控件
介紹兩個自己的兩個控件，是基於JqueryEasyUI之上擴展的，給需要自己開發控件的提供兩個示例，有個參考的東西；一個是在日期控件上的擴展控件，可以按月查、按季度查、按上下半年查、按年度查；另一個是把表格控件用卡片的形式展現；代碼放在EFWWeb項目中的WebPlugin目錄。
