jQuery MiniUI

标题: 数据列表 [打印本页]

作者: lesvere 时间: 2015-12-3 12:10:06 标题: 数据列表

mini.parse();
var grid = mini.get("datagrid");
grid.load();

列表中的复选框，勾选一个进行了数据维护。返回到列表页，列表默认还是勾选相同ID的一条数据。
如何让数据删除完后（id=1），保存后的列表页里那一项(id=1)不被选中！

以下是操作步骤：

[attach]6901[/attach]

[attach]6902[/attach]

删除之后还是有被选中

目的是不让被选中

作者: felt 时间: 2015-12-3 13:48:28

提供页面重现你的问题
http://www.miniui.com/demo/#src=datagrid/datagrid.html
像我们示例这样删除了并不会选中

作者: lesvere 时间: 2015-12-3 14:12:24

felt 发表于 2015-12-3 13:48
提供页面重现你的问题
http://www.miniui.com/demo/#src=datagrid/datagrid.html
像我们示例这样删除了并不 ...

我把我的代码给你你看下，稍等我整理

作者: lesvere 时间: 2015-12-3 14:13:10

<include file="Public/header" />

<div class="mini-toolbar" style="padding:2px;border-bottom:0;">
<table style="width:100%;">
      <tr>
         <td style="width:100%;">
            <a class="mini-button" iconCls="icon-addnew" onclick="addRow()" plain="true" tooltip="增加">增加</a>
            <a class="mini-button" iconCls="icon-remove" onclick="removeRow()" plain="true" tooltip="删除">删除</a>
            <span class="separator"></span>
            <a class="mini-button" iconCls="icon-save" onclick="saveData()" plain="true" tooltip="保存">保存</a>
            <a class="mini-button" iconCls="icon-reload" onclick="search()" plain="true" tooltip="刷新">刷新</a>
         </td>
         <td style="white-space:nowrap;">
            <input id="searchKey" class="mini-textbox" emptyText="请输入来源" style="width:150px;" onenter="onKeyEnter"/>
            <a class="mini-button" iconCls="icon-search" plain="true" onclick="search()" tooltip="查询">查询</a>

         </td>
      </tr>
</table>
</div>

<div class="mini-fit" >

<div id="datagrid" class="mini-datagrid" style="width:100%;height:100%;"
   url="__CONTROLLER__/sourcesearch" idField="source_id"
   allowResize="false" pageSize="30"
   allowCellEdit="true" allowCellSelect="true" multiSelect="true"
   editNextOnEnterKey="true"
   editNextRowCell="true">
   <div property="columns">
      <div type="indexcolumn"></div>
      <div type="checkcolumn"></div>

      <div name="source_name"  field="source_name" headerAlign="center" allowSort="true" width="150" >来源
         <input property="editor" class="mini-textbox" style="width:100%;" />
      </div>

      <div name="create_time" field="create_time" width="120" allowSort="true" dateFormat="yyyy-MM-dd HH:mm:ss"  align="center" headerAlign="center">创建时间
      </div>
      <div name="update_time" field="update_time" width="120" allowSort="true" dateFormat="yyyy-MM-dd HH:mm:ss"  align="center" headerAlign="center">修改时间
      </div>

   </div>
</div>

</div>
<script type="text/javascript">

mini.parse();

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

function search() {
      var searchKey = mini.get("searchKey").getValue();
      grid.load({ searchKey: searchKey });
}

function onKeyEnter(e) {
      search();
}

function addRow() {
      var newRow = { _name: "New Row" };
      grid.addRow(newRow, 0);
      grid.beginEditCell(newRow, "LoginName");
}

function removeRow() {
      var rows = grid.getSelecteds();
      if (rows.length > 0) {
         grid.removeRows(rows, true);
         saveData();
      }else {
         mini.alert("请选中一条记录");
      }
}

function saveData() {
      var data = grid.getChanges();
      var json = mini.encode(data);

      grid.loading("保存中，请稍后......");
      $.ajax({
         url: "__CONTROLLER__/sourcesave",
         data: { data: json },
         type: "post",
         dataType:"json",
         async: false,
         success: function (data) {
            mini.alert(data.msg);
            grid.reload();
         },
         error: function (jqXHR, textStatus, errorThrown) {
            mini.alert(jqXHR.responseText);
         }
      });
}

grid.on("celleditenter", function (e) {
      var index = grid.indexOf(e.record);
      if (index == grid.getData().length - 1) {
         var row = {};
         grid.addRow(row);
      }
});

</script>

<include file="Public/footer" />

作者: lesvere 时间: 2015-12-3 14:16:17

我在saveData grid.reload方法后面 grid.setChecked(’false‘);不起作用赋值也不起作用

作者: lesvere 时间: 2015-12-3 14:19:11

function saveData() {
      var data = grid.getChanges();
      var json = mini.encode(data);

      grid.loading("保存中，请稍后......");


                                             $.ajax({
                                          url: "../data/AjaxService.aspx?method=RemoveEmployees&id=" +id,
                                    success: function (text) {
                                       grid.reload();
                                                   },



      $.ajax({
         url: "__CONTROLLER__/sourcesave",
         data: { data: json },
         type: "post",
         dataType:"json",
         async: false,
         success: function (data) {
            mini.alert(data.msg);
            grid.reload();
         },
         error: function (jqXHR, textStatus, errorThrown) {
            mini.alert(jqXHR.responseText);
         }
      });
}

作者: felt 时间: 2015-12-3 14:51:35

lesvere 发表于 2015-12-3 14:19
function saveData() {
var data = grid.getChanges();
var json = mini.encode(data); ...

grid.removeRows(rows,true);
把后面那个参数true去掉
第二个参数的意思是自动选中一条

作者: lesvere 时间: 2015-12-3 15:11:04

felt 发表于 2015-12-3 14:51
grid.removeRows(rows,true);
把后面那个参数true去掉
第二个参数的意思是自动选中一条 ...

谢谢你，终于好了！

作者: lesvere 时间: 2015-12-3 15:16:17

我还有个问题，如何让一个div获取的焦点。有个登录窗口焦点无法获取，就是默认回车键就执行登录流程，判断……提交，登录

作者: lesvere 时间: 2015-12-3 15:40:52

最终用jquery写了一个，还是期待官方的。我找论坛，和网上都没有。

我还是想用miniui内置的方法操作，等待中……

我也会学习这个框架

不过还请亲，解燃眉之急！！

/*
*回车键监听事件
*刘少帅 13216939764
*15:37 2015/12/3
*/
$(document).keypress(function(e) {
if(e.which == 13) {
      checkLogin();
}
});

作者: felt 时间: 2015-12-3 15:42:11

lesvere 发表于 2015-12-3 15:40
最终用jquery写了一个，还是期待官方的。我找论坛，和网上都没有。

我还是想用miniui内置的方法操作，等待 ...

MiniUI没有基础操作方法，只有对控件操作层面的

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)