第一章 基本概念第一章 基本概念\1-3 EEP Jquery元件

1-3 EEP Jquery元件

 

其實jQuery並不好學,看似簡單,但學起來沒有1~2個月很難寫出甚麼成就,畢竟EEP的主要精神還是懶人開發工具,就是不想學不想動腦筋。所以,既然jQuery是個潮流,我們除了以上面的架構做好EEP jQuery的框架之外,還是不忘本的要將其包成元件,以屬性與事件的方式來符合多數開發者的習慣。如下圖,我們就以EEP jQuery為核心技術,加上使用現成的EasyUI(目前市面上評價不錯的強大jQuery UI組件)來包裝一組好用的 JQClientTools 元件。

http://www.infolight.com.tw/journal/file/BOOK72.files/A3.jpg

EEP jQuery:就是前面提的JDataObject.csJqDataHandle.ashxInfolight.js 這三個部分,在整體研發的過程是先完成這個核心架構,讓開發者至少可以使用jQueryHard-Coding來整合EEP,最後再包裝程元件,目的就是希望其有一個共用核心,EEP jQuery功能成長之後,元件的功能不至於重複開發,而且也可以簡化元件開發的複雜度。 

JQClientTools:這裡我們包裝的MenuButtonMenuTree(主畫面的元件)JQDataGrid(最重要的表格元件)JQDataForm(表單元件)JQDefault(預設值)JQValidate(檢核條件)JQQuery(查詢元件),在欄位方面,我們提供了TextBox,DateTime,ComboBox,
Refval,CheckBox
等最常用的組件。 

EEP Wizard:強大的EEP Wizard一直是開發者的最愛,有了JQClientTools元件後,EEP Wizard也不例外加入的"jQuery Form"的項目,讓你透過一致的Wizard介面,就可以快速產生已經貼好元件的Web表單,並直接執行成果。

當然,使用JQClientTools的組件,因為使用動態Render JSHTML的方式,還是會有自由度與彈性的問題,因此,除了可以在元件的事件加入JS Code來部分解決之外,其實是可以混合EEP jQueryJQClientTools元件兩種方式混用,這樣就會讓整個開發變得更自由與更有彈性。 

不但如此,這個JQClientTools的元件,也會被整合到我們未來的EEPCloud雲端平台產品,目前Beta版的EEPCloudWeb頁面是使用Dev Express來產生結果,我們將在5月開始改用JQClientTools這組元件,以統一EEPClundEEP Web頁面的風格呈現,所以,在整個EEP jQuery的研發方案中,真是可謂一劍三雕來形容。

 


 

Top of Page