ASP.NET Aries 入門開發教程3：開發一個列表頁面及操控查詢區，aries查詢區

ASP.NET Aries 入門開發教程3：開發一個列表頁面及操控查詢區，aries查詢區

前言：

Aries框架畢竟是開發框架，所以重點還是要寫代碼的，這樣開發人員才不會失業，哈。

步驟1：新建html

建一個Html，主要有三步：

1：引入Aries.Loader.js
2：弄一個table標簽
3：new 一個AR.DataGrid

當然了，雖然才這麼點代碼，我也是從UserList.html裡Copy過來改的。

步驟二：配置菜單權限，並F5運行。

配置菜單權限上一篇有，不重復。（PS：這裡復用上一個菜單，直接改菜單路徑。）

F5運行後的效果是這樣的：

objName都是article，所以配置都是同一個的。

不過編輯和刪除的操作列不見了？（因為沒有指定行內編輯，也沒有代碼新增，所以就木有的）

在基礎的配置表頭配置完後，用戶到這裡就開始夢B了，因為他們開始有各種需求需要通過代碼來實現了：

步驟3：設置html中的js智能提示：

要開始寫js代碼了，為了在js裡有完美智能提示，需要這樣設置一下：

有了智能提示，你敲JS才智能，不然只能到處從Demo中Copy代碼。

我能說這個功能，其實我也是剛剛才知道麼！！！

步驟4：操控查詢功能區

1：增加默認的數據排序條件怎麼辦？（options為EasyUI的參數）

var dg = new AR.DataGrid("Article", "Article", "grid");
    dg.options = { sortName: "CreateTime desc" };
dg.bind();

多個條件排序怎麼辦？(簡化掉了Easyui的sortOrder屬性)

var dg = new AR.DataGrid("Article", "Article", "grid");
    dg.options = { sortName: "CreateTime asc,Title desc" };
dg.bind();

２：增加默認的查詢條件怎麼辦？

這裡的默認條件有幾個注意事項：

1：條件是永久的，界面的每一次查詢都會帶上。

2：如果查詢框字段和這個一樣，則會被查詢框的復蓋（若查詢框有值）。

3：有鬧心的朋友問了，想要查詢條件只查一次，就消失怎麼辦？

用思考代替發問：就是在頁面加載完後，清掉條件，所以正確的代碼是：（要懂EasyUI參數裡的事件）

4：想要操作查詢框，給它填寫個值怎麼辦？

比如頁面一加載就這樣：

有兩個解：

1：只是填寫值，但不觸發查詢條件（換個思維就是列表呈現之後賦值）

有人把這一行代碼寫到dg.bind() 之後沒看到效果問為啥不行？

答：因為事件是異步的。

2：填寫值，而且根據值過濾條件（換個思維，就是查詢框構造好之後賦值）

結果：

5：不想要重置按鈕怎麼辦？

var dg = new AR.DataGrid("Article", "Article", "grid");
    dg.Search.BtnReset.isHidden = true;
...
dg.bind()

6：整個查詢框都不想要怎麼辦？

var dg = new AR.DataGrid("Article", "Article", "grid");
    dg.Search.isHidden = true;
...
dg.bind()

7：想要加自定義查詢條件怎麼辦？

配置表頭增字段，調整序號、隱藏、搜索即可。

8：要在查詢按鈕和重置按鈕中加入自定義按鈕怎麼辦？

只能告訴你：dg.Search.BtnQuery.$target 拿到JQ對象，然後用JQ操作往後面插入一節點。

9：整個查詢框，想換成自定義的html怎麼辦？

dg.Search.$target = $('節點ID');

10：想要自定義查詢框的文字標題怎麼辦？

配置表頭：格式規則(title屬性）。

11：查詢框想變成范圍區間查詢怎麼辦？

配置表頭：格式規則(clone屬性）。

效果：

12：想要點查詢的時候，攔截條件或追加條件怎麼辦？

 var dg = new AR.DataGrid("Article", "Article", "grid");
  ...
    dg.Search.BtnQuery.onBeforeExecute = function (para)
    {
        alert(JSON.stringify(para));
    }
    dg.bind();

點擊結果：

para是數組，你可以push新的，可以移除舊的，可以修改現有的。

不要問我js怎麼操作數組。

如果要停止事件，則return false;

其它：如果一個界面要展示多個列表呢？

html放N個table，new N個AR.DataGrid即可。

結束：

目前把最常見的玩法都寫了，應該不會有其它鬧心的玩法了。

寫教程寫了一整天，真累人，吃飯去了~~~~

下一篇介紹工具條區和列表區的玩法。