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

前言：

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便可。

結束：

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

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

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