ASP.NET Aries 入門開發教程6：列表數據表格的格式化處理及行內編輯

前言：

爲了趕進度，週末也寫文了！

前幾篇講完查詢框和工具欄，這節講表格數據相關的操做。

先看一下列表：

接下來咱們有不少事情能夠作。

1：格式化 - 鍵值的翻譯

對於「啓用」列，已經配置了格式化 #是否，已經能夠看到效果了。

對於分類ID列，一般顯示的是分類名稱，而不是ID值。

但是分類名稱不在文章表裏，在文章分類表，怎麼關聯格式化呢？

咱們有文章分類表：

因此咱們寫個下拉配置：

而後在配置表頭裏把它配置上：

效果：

PS：經過自定義語句來翻譯下拉項的注意事項：

1：翻譯項的數量在100如下，至少也是在能夠預見的數量級。

2：若是沒法預知數量級，則應採用自定義視圖語句，在數據呈現的時候直接就是名稱。

1.1 自定義視圖語句：

新建V_xxx.sql文件在SQLCode目錄下，文件在能夠隨意放，但文件名不能出現重複。

sql裏事先關聯好表，取值出文章分類的名稱。

接着：html中的代碼：

 var dg = new AR.DataGrid("V_ArticleList", "Article", "grid");

把objName參數寫爲文件的名稱便可。

2：格式化 - 自定義JS函數

對於格式化，除了配置#XXX來格式化鍵值對以外，也能夠自定義JS。

系統默認寫了3個函數用於格式化：

stringFormatter ： 長度太長時，顯示成...

dateFormatter ：顯示成日期

boolFormatter ：顯示成Checkbox

示例：

定義了showAries函數，把它配置表標題列裏：

效果：

3：格式化 - 鍵值對的二次格式化

若是格式化裏用了#XXX配置（就沒辦法自定義寫JS），而後但願二次格式化呢？

效果：

4：樣式格式化

定義一個樣式函數：

把樣式函數配置到配置表頭：

效果：

樣式的格式實際上是處理<td style="樣式">內容</td>中的樣式。

這個函數後期可能會考慮取消，由於一樣的效果，格式化的功能也能完成如：

格式化返回："<div style="width:100%;background-color:#ffee00;color:red;">value</div>"

5：取消寬度自適應

默認，列表的寬度是自適應的，這對於不一樣的分辨率，能夠適合不一樣的顯示器需求。

但有一種狀況下，咱們但願取消寬度自適應（自適應沒有滾動條）：當列不少的時候。

控制EasyUI的fitColumns便可。

6：行內編輯 - 開啓：

若是隻是簡單的表操做，開啓行內編輯是最省事的作法：

效果：

由於配置了格式化，因此被格式化的會變成下拉的效果。

7：行內編輯 - 指定可編編輯的列：

在配置表頭的編輯項裏勾選便可：

8：行內編輯 - 新增指定默認值

默認點添加按鈕時：

好比對分類和標題指定默認值：

PS：爲了兼容Oracle（默認列表的列頭和數據的字段名是統一轉小寫處理的）

效果：

9：行內編輯 - 經過某列的值決定其它列的值：

好比當分類的選擇的不一樣，標題的內容爲：分類名稱+標題。

效果：

10：行內編輯 - 新增跳到自定義頁面處理：

這個回到了上一篇：ASP.NET Aries 入門開發教程5：自定義列表頁工具欄區 中的「其它1："項的內容。

11：主從表：

EasyUI支持主從表，給出思路：

效果：

總結：

這節主要講兩個核心：格式化、行內編輯。

下一節介紹列表的主鍵操做區。