JQuery FlexiGrid的asp.net完美解決方案：dotNetFlexGrid-asp.net原生的異步表格控件登陸 開源中國

dotNetFlexGrid- Web2.0 asynchronous grid control for asp.net

 

What is it?

dotNetFlexGrid是一款asp.net原生的異步表格控件，他的前身是Jquery FlexiGrid插件，咱們重構了FlexiGrid的大部分Javascript代碼，使其工做的更有效率，BUG更少；同時將其封裝爲dotNet控件，提供了簡單易用的使用方式。

dotNetFlexGrid擴展和優化了FlexiGrid原有的功能，並提供了更多具備針對性的功能，使用dotNetFlexGrid，您的用戶能夠輕鬆擁有以下功能

• 提供簡易的方式自行調整表格列寬
• 根據實際狀況調整表格的大小
• 針對合適的列進行排序
• 方便使用的分頁器
• 自行選擇須要看到的表格列
• 表單以外的快速查詢，界面簡潔高效。
• 首列提供單選框，提供全選和取消全選的功能。
• 全部的操做都基於Ajax異步模型，頁面再也不須要刷新。

同時，咱們爲Asp.net開發者提供了新的列表數據的處理方案，相對於Asp.net GridView或其餘表格控件，使用dotNetFlexGrid輕鬆得到了上述功能，提升了用戶體驗；同時開發人員更高興看到

• 簡潔方便的封裝，你能夠在同一個頁面中完成一步操做的全部代碼。（針對dotNetFlexGrid)
• 整個Grid做爲表單的一部分提交，您能夠像ListBox同樣使用它。
• 簡潔的調用機制，基本只須要經過一個後臺方法，就能夠完成諸如排序、查詢、篩選、分頁等功能。
• 豐富的客戶端事件和方法，經過簡單的Javascript代碼能夠輕鬆完成異步刷新、新增、修改、刪除行的效果而無需從新刷新頁面（甚至無需從新獲取數據）。
• 高效的執行代碼，AJAX的應用使得您的程序比以往更加高效。

What's New Version

2010-8-21 v1.22 beta

1.   修復字段拖動位置後nBtn按鈕的位置不正確的bug.

1. 修復使用模板後可能致使的模板無效的bug.
2.  修復字段sortable配置可能無效的bug。

2010-8-21 v1.21 beta

1.  
   1. 增長對控件配置目錄的正確性檢驗，當配置錯誤的時候將會拋出一個易於理解的異常信息。
   2. 增長控件參數BasePath該參數用於配置控件的存放目錄，請提供相對於網站更目錄的絕對路徑。   
   3. 修復因爲字段配置錯誤所致使的排列錯位問題，如今將顯示一個noset來標誌錯誤的字段。

2010-8-19 v1.2 beta

1.  
   1. 修復快速查詢時的鍵盤迴車事件與控件外圍事件的衝突的問題。
   2. 修復快速查詢時設置正則表達式時可能致使的語法錯誤的問題。
   3. 數據提供方法DataHandler將再也不強制要求與列的綁定順序一致，如今經過返回的DataTable中的ColumnName自動綁定到合適的列，因此，請保證您的DataTable和控件中的列名一致（區分大小寫）。
   4. 增長展示模板的功能，現InitConfig初始化時針對列配置增長了一個itemTemplate屬性，該屬性提供了當前列的展示模板設定。
   5. 演示項目中FirstGrid.aspx增長了客戶端刷新、服務端刷新和快速查詢功能的演示。
   6. 演示項目中TestTemplate.aspx提供了使用展示模板的演示。

2010-8-17 v1.1 穩定版

1.  
   1. 增長全客戶端編輯模式，可在不加載任何數據的模式下進行表格數據的添加、刪除、修改；經過該功能並結合服務端屬性，便可完成將一或者多個動態表格包含在表單中總體提交；典型應用場景：進銷存出入庫單據、訂單等。
   2. 調整客戶端以下方法
      1. getCellDatas，如今能夠正確獲取到客戶端調整列順序後的數據了，返回的數據老是以初始化時的列順序爲準，保證了先後邏輯的一致性。
      2. updateRowData 新增方法，用於動態修改表格中的數據，提供的數據以初始化時的列順序爲準。
      3. insertNewRow，調整提供的數據以初始化時的列順序爲準。
   3. 優化表格列手動調整順序，可讓客戶本身對錶格的列順序進行調整。
   4. 優化客戶端呈現效率-調整多數行、列數據處理方式爲字典模式，摒棄大部分原採用的根據dom結構操做數據的方法，提高了客戶端的響應速度。
   5. 修復客戶端新增行沒法選中的BUG。
   6. 截止當前版本，與原生FlexiGrid和假正經哥哥的改進版本變化很是之大，基本核心代碼進行太重構和改進，與上述控件已不存在兼容的可能。

2010-8-13 v1.0正式版

 

1. 增長通用分頁存儲過程解決方案。
2. 新增表格數據的字典模式處理，摒棄原rowbinddata的方式，提高了處理效率和DOM的簡潔性，修改若干返回數據的方法應用字典模式。
3. 原有的getSelectRows方法改名爲getSelectedRowsIds，返回當前選擇行的id數組；
4. 新增方法getSelectedRows，返回當前選擇行的數組，數組元素是列的字典；

2010-8-2 v1.0beta

1. 將樣式表的加載改成JS動態加載。
2. 採用相似於AJAX的反射模式調用數據提供函數，使得沒必要單獨開發數據提供的頁面或邏輯處理。
3. 放棄原控件的Toolbar功能，我認爲功能性操做應該與數據展現在表現形式和邏輯封裝上分離開，好比操做權限控制應該有獨立的邏輯處理。
4. 新增若干客戶端事件（單擊行、雙擊行、選擇行、加載等）。
5. 新增服務端屬性CheckedRows，整個控件能夠做爲表單的一部分提交，可在服務端直接獲取當前選擇的行的主鍵（ID）。
6. 優化表格首行復選框的展現和處理，修復onrowchecked事件的若干BUG。
7. 新增列參數checkField，第一個設爲checkField的列經過綁定布爾值能夠在加載數據時選擇到須要被選擇的行，該操做不會觸發事件。
8. 針對原有Javascript進行從新封裝，提供單獨的對象進行控件的處理。
9. 修改數據提供模式固定爲Json，本控件將只支持Json方式的異步數據提供。
10. 修復多個控件存在時產生的若干BUG。
11. 修復若干BUG，增長正則錯誤驗證，各種數據null的驗證。

How to use

dotNetFlexGrid雖然是易於使用的，但爲了讓用戶更好的使用它，咱們提供多篇快速開始教程和使用指南，你能夠訪問下面的連接來獲取信息。

• JQuery FlexiGrid的asp.net完美解決方案：dotNetFlexGrid-.Net原生的異步表格控件 簡介和應用效果截圖
• JQuery FlexiGrid的asp.net完美解決方案-dotNetFlexGrid使用指南(一）Ajax異步表格
• JQuery FlexiGrid的asp.net完美解決方案-dotNetFlexGrid使用指南(二）服務端查詢、快速查詢和Html模板
• JQuery FlexiGrid的asp.net完美解決方案:dotNetFlexGrid表格控件說明文檔
• JQuery FlexiGrid的asp.net完美解決方案:dotNetFlexGrid 源碼、文檔、演示下載

更多的和及時的資訊請訪問主創人員 華磊 的博客（http://www.cnblogs.com/hualei/）,或者訪問咱們的項目主站（http://dotnetflexgrid.codeplex.com/）來獲取最新的發佈版本。

Example

主創人員 華磊 正在不斷地將控件的功能和使用方法經過範例介紹給你們，您能夠經過查看下述的範例快速掌握dotNetFlexGrid的使用

• 快速指南中提供的FirstGrid.aspx，演示如何快速的創建一個強大的Grid應用

• 演示如何使用template在Grid中展示連接、圖片、文本框、按鈕等等

• 用於演示客戶端事件、方法，並經過2個Grid實驗事件是否會相互干擾；您能夠學習如何使用客戶端方法異步的在表格中添加、刪除、修改、重讀數據

• 很雜的演示，原諒 做者 喜歡將全部的實驗代碼放在一塊兒吧。

• 演示經過後臺代碼初始化表格的複選狀態，並將表格做爲表單的一部分提交。

• 不少場景都須要的多個Grid的聯動效果。