为什么我的排序和拖动列宽不起作用呢?

seseares

为什么我的排序不起作用呢?
还有为什么我的拖动列宽只能拖一次?

1. <!--撑满页面-->
   
2.     <div class="mini-fit" style="background: red; height: 100px;">
   
3.         <div id="datagrid1" class="mini-datagrid" style="width: 100%; height: 100%;" url="/data/default.aspx?method=SearchEmployees"
   
4.             idfield="BrandID" sizelist="[5,10,20,50]" pagesize="20" fitcolumns="false" onload="load()"
   
5.              allowcellselect="true" multiselect="true" allowCellEdit="true" oncellbeginedit="OnCellBeginEdit">
   
6.             <div property="columns"  allowResize="true">
   
7.                 <div type="indexcolumn" headeralign="center">
   
8.                     ID</div>
   
9.                 <div field="BrandID" width="100" headeralign="left" allowSort="true" >
   
10.                     编码<input property="editor" class="mini-textbox" vtype="email" style="width: 100%;" /></div>
    
11.                 <div field="BrandName" width="120" headeralign="left" allowSort="true" >
    
12.                     名称<input property="editor" class="mini-textbox" style="width: 100%;" /></div>
    
13.                 <div field="Description" width="150" headeralign="left" allowSort="true" >
    
14.                     描述<input property="editor" class="mini-textbox" style="width: 100%;" /></div>
    
15.                 <div field="CreateDate" width="150" headeralign="left" dateformat="yyyy-MM-dd hh:mm:ss" allowSort="true" >
    
16.                     创建时间</div>
    
17.                 <div field="LastModDate" width="150" headeralign="left" dateformat="yyyy-MM-dd hh:mm:ss" allowSort="true" >
    
18.                     最后修改时间</div>
    
19.             </div>
    
20.         </div>
    
21.     </div>
    
22. 
    
23. <script type="text/javascript">
    
24.         mini.parse();
    
25.         var grid = mini.get("datagrid1");
    
26.         grid.load();
    
27. 
    
28.         //搜索按钮事件        
    
29.         function search() {
    
30.             var key = mini.get("key").getValue();
    
31.             grid.load({ key: key });
    
32. 
    
33.             var datagrid1 = mini.get("datagrid1");
    
34.             var data = datagrid1.getData();
    
35.             var json = mini.encode(data);
    
36. 
    
37. 
    
38.         }
    
39.         function OnCellBeginEdit(e) {
    
40.             var record = e.record, field = e.field;
    
41.             if (field == "BrandID" && record._state != "added") {
    
42.                 e.cancel = true;    //如果修改则不能编辑
    
43.             }
    
44.         }
    
45.         //查询框回车事件
    
46.         function onKeyEnter(e) {
    
47.             search();
    
48.         }
    
49. 
    
50.         //新增
    
51.         function addRow() {
    
52.             var newRow = { name: "New Row" };
    
53.             grid.addRow(newRow, 0);
    
54.         }
    
55.         //修改
    
56.         function editRow() {
    
57.             var row = grid.getSelected();           
    
58.             
    
59.             if (row) {
    
60.                 grid.cancelEdit();
    
61.                 grid.beginEditRow(row);
    
62.             } else {
    
63.                 alert("请选中记录");
    
64.             }
    
65. 
    
66.         }
    
67.         //删除
    
68.         function removeRow() {
    
69.             var rows = grid.getSelecteds();
    
70.             if (rows.length > 0) {
    
71.                 grid.removeRows(rows, true);
    
72.             }
    
73.         }
    
74.         //保存
    
75.         function saveData() {
    
76.            
    
77.             var data = grid.getChanges();
    
78.             var json = mini.encode(data);
    
79.             grid.loading("保存中，请稍后......");
    
80. 
    
81.             $.ajax({
    
82.                 url: "/data/default.aspx?method=SaveEmployees",
    
83.                 data: { data: json },
    
84.                 type: "post",
    
85.                 success: function (text) {
    
86.                     var o = mini.decode(text);
    
87.                     if (typeof (o.error) != "undefined") {
    
88.                         alert(o.msg);
    
89.                         grid.unmask();
    
90.                     } else {
    
91.                         grid.reload();
    
92.                     }
    
93.                 },
    
94.                 error: function (jqXHR, textStatus, errorThrown) {
    
95.                     alert(jqXHR.responseText);
    
96.                 }
    
97.             });
    
98.         }
    
99.     </script>

复制代码

factory

1.排序后台是否已经处理,miniui暂时不支持客户端排序
2.请测试http://miniui.com/demo/index.html#src=datagrid/datagrid.html 是否可以拖动列宽

seseares

http://miniui.com/demo/index.html#src=datagrid/datagrid.html 是否可以拖动列宽
这个地址可以,但我做的只能拖一次,再拖放到列间隔鼠标也不能变成可以拖的样子

niko

网站上示例可以，你本地也可以。
下载更新试试