- 注册时间
- 2014-4-28
- 最后登录
- 2014-4-30
- 阅读权限
- 10
- 积分
- 31
- 精华
- 0
- 帖子
- 7
|
本帖最后由 无星童 于 2014-4-30 15:00 编辑
按例子和api里面对datagrid进行分组和排序,却得到下图效果:
问题是:
1:分组名称没有排序
2:Order没有排序
此页面代码如下:- @{
- Layout = "~/Views/Shared/_Layout.cshtml";
- }
- @section script{
- <script type="text/javascript">
- window.mini.parse();
- var grid = mini.get("grid1");
- grid.groupBy("ModuleName","asc");
- grid.load();
- grid.sortBy("Order","asc");
- function search() {
- var keyword = window.mini.get("keyword").getValue();
- grid.load({ keyword: keyword });
- }
- function onDrawGroup(e) {
- e.cellHtml = e.value;
- }
- </script>
- }
- <div class="mini-toolbar" style="border-bottom: 0; padding: 0;">
- <table style="width: 100%;">
- <tr>
- <td style="width: 100%;">
- <div id="ButtonPlaceHolder"></div>
- </td>
- <td style="white-space: nowrap;">
- <input id="keyword" class="mini-textbox" emptytext="请输入关键字" style="width: 150px;" onenter="search()" />
- <a class="mini-button" iconcls="icon-search" plain="true" onclick="search() ">查询</a>
- </td>
- </tr>
- </table>
- </div>
- <div class="mini-fit">
- <div id="grid1" class="mini-datagrid"
- style="width:100%;height:100%;"
- url="@Url.Action("GetPagedList")" idField="Id"
- multiSelect="true" allowResize="false"
- ondrawgroup="onDrawGroup" collapseGroupOnLoad="false"
- pageSize="25" sizeList="[25,50]">
- <div property="columns">
- <div type="checkcolumn"></div>
- <div field="Text" width="100" headeralign="center">Text</div>
- <div field="Name" width="100" headeralign="center">Name</div>
- <div field="IconClass" width="100" headeralign="center">Icon</div>
- <div field="Order" width="60" headeralign="center">Order</div>
- </div>
- </div>
- </div>
复制代码
我在其它页面,完全一模一样的代码却能正常排序和分组,百思不得其解
还有,如果在groupBy里面设置了desc,那么grid.load()后面的sortBy设置成asc没作用
|
|