查看: 4301|回复: 8

关于cellEditor [复制链接]

liyang1987ly

高级会员

Rank: 4

电梯直达

楼主

发表于 2012-6-20 23:31:35 |只看该作者 |倒序浏览

本帖最后由 liyang1987ly 于 2012-6-20 23:35 编辑

<%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="miniui/css/demo.css" rel="stylesheet" type="text/css" />
<script src="miniui/scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="miniui/scripts/miniui/miniui.js" type="text/javascript"></script>
<link href="miniui/scripts/miniui/themes/default/miniui.css"
      rel="stylesheet" type="text/css" />
<link href="miniui/scripts/miniui/themes/icon.css" rel="stylesheet"
      type="text/css" />

<link href="miniui/scripts/miniui/themes/icons.css" rel="stylesheet"
      type="text/css" />
</head>
<body>
      <h1>CRUD</h1>

      <div style="padding-top:5px;padding-bottom:5px;">

            <input type="button" value="Add" /> <input
                     type="button" value="Remove" /> <input
                     type="button" value="Save"
                     style="margin-left:100px;" />

      </div>
      <div id="datagrid1" class="mini-datagrid"
            style="width:800px;height:280px;"
            url="user/getUserAll.do" idField="userId"
               allowResize="true" pageSize="10"
      allowCellEdit="true" allowCellSelect="true" multiSelect="true" resultAsData="true">
            <div property="columns">
                     <div type="checkcolumn"></div>
                     <div field="userName" width="120" headerAlign="center"
                              allowSort="true">
                              用户名 <input property="editor" class="mini-textbox"
                                    style="width:100%;" />
                     </div>
                     <div field="loginName" width="120" headerAlign="center"
                              align="center" allowSort="true">登陆名称
                              <input property="editor" class="mini-textbox"
                                    style="width:100%;" /></div>
                     <div field="loginPass" width="100"
                              align="center" headerAlign="center">登陆密码
                              <input property="editor" class="mini-textbox"
                                    style="width:100%;" /></div>
                     <div field="autValue" width="100" renderer="onGenderRenderer"
                              allowSort="true" headerAlign="center" align="center">用户角色
                              <input property="editor" class="mini-combobox" style="width:100%;" data="userRight"/></div>
            </div>
      </div>

      <script type="text/javascript">
            mini.parse();

            var grid = mini.get("datagrid1");
            grid.load();

            ///////////////////////////////////////////////////////
            var userRight = [ {
                     id : 0,
                     text : '管理员'
            }, {
                     id : 1,
                     text : '普通用户'
            } ];
            function onGenderRenderer(e) {
                     for ( var i = 0, l = userRight.length; i < l; i++) {
                              var g = userRight;
                              if (g.id == e.value)
                                    return g.text;
                     }
                     return "";
            }

            //////////////////////////////////////////////////////
            function addRow() {
                     var newRow = {
                              name : "New Row"
                     };
                     grid.addRow(newRow, 0);
            }
            function removeRow() {
                     var rows = grid.getSelecteds();
                     if (rows.length > 0) {
                              grid.removeRows(rows, true);
                     }
            }
            function saveData() {
                     var data = grid.getChanges();
                     var json = mini.encode(data);
                     grid.loading("保存中，请稍后......");
                     $.ajax({
                              url : "../data/AjaxService.aspx?method=SaveChangedEmployees",
                              data : {
                                    data : json
                              },
                              type : "post",
                              success : function(text) {
                                    grid.reload();
                              },
                              error : function(jqXHR, textStatus, errorThrown) {
                                    alert(jqXHR.responseText);
                              }
                     });
            }
      </script>

      <div class="description">
            <h3>Description</h3>

      </div>
</body>
</html>

为什么单元格不能编辑我是把官方的代码复制重新修改的跟官方的一样啊而且没有那个总的记录数我返回了 map.put("total", list.size())

收藏0

niko

管理员

Rank: 9 Rank: 9 Rank: 9

沙发

发表于 2012-6-21 09:26:42 |只看该作者

下载最新版本

liyang1987ly

高级会员

Rank: 4

板凳

发表于 2012-6-21 13:22:50 |只看该作者

niko 发表于 2012-6-21 09:26
下载最新版本

最新版本没有问题但是有个问题是我数据库中只有14条我返回的map.put("data",list) map.put("total",list.size()) 但是在页面显示的是总24条为什么加了10条我的前台设置的pageSize="10" 还有就是我也的前台也分页了按道理14条一页显示10条记录应该是两页但是下面显示的是1/3 而且第一页还是14条不是10条我点击跳转到下一页还是那14条

liyang1987ly

高级会员

Rank: 4

地板

发表于 2012-6-21 16:45:17 |只看该作者

liyang1987ly 发表于 2012-6-21 13:22
最新版本没有问题但是有个问题是我数据库中只有14条我返回的map.put("data",list) map.put("total",l ...

以上的问题解决了但是有个问题我编辑一个单元格的时候我怎么获取那个文本框的值你们现在是：
var data = grid.getChanges();
var json = mini.encode(data);
而且那个userId没有取到
alert(json)后显示的是那个附件那样的格式但是我想用这种格式的{"userName":"222","loginName":"111","loginPass":"222","autValue":"1"}
jius就是你们定义的那样的格式不用用这样的怎么获取啊我用data.userName是undifinded

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册