jQuery MiniUI

标题: addRow之后怎么更改新增行的某一列显示内容 [打印本页]

作者: meriberry 时间: 2017-6-16 17:15:27 标题: addRow之后怎么更改新增行的某一列显示内容

本帖最后由 meriberry 于 2017-6-16 17:30 编辑

在用addRow新增一行之后，怎么获取到新增行的某一列A，并设置A列的超链接内容
function newRow(row_uid) {
         //var row = {};
         var row = datagrid_cgjhjl.getRowByUID(row_uid);
         var newRow = mini.clone(row);
         var action_c = newRow.action;

         var index = datagrid_cgjhjl.indexOf(row);

         //alert("bbb." + row_uid + "ccc." + index);
         datagrid_cgjhjl.addRow(newRow, Number(index));

         //action列，超连接操作按钮
         action_c.cellStyle = "text-align:center";
         action_c.cellHtml = '<a class="Update_Button" href="javascript:updateRow(\'' + uid + '\')">更新</a>'
            + ' <a class="Delete_Button" href="javascript:delRow(\'' + uid + '\')">删除</a>';

      }

作者: felt 时间: 2017-6-16 18:52:06

单元格内容绘制都是在ondrawcell事件里处理的，addrow只是新增行，会触发ondrawcell事件，按你原来设计的绘制规则来绘制。

作者: meriberry 时间: 2017-6-19 15:23:35

felt 发表于 2017-6-16 18:52
单元格内容绘制都是在ondrawcell事件里处理的，addrow只是新增行，会触发ondrawcell事件，按你原来设计的绘 ...

action列只能统一的一起更改吗，能不能根据执行的操作方法判断我想显示的内容？

[attach]9377[/attach]比如我有三行数据，其中三行都可以进行克隆，
但我想只有这三行显示的是克隆（只允许克隆，不能删除），
点击“克隆”生成的行显示的是“更新”，“删除”（不能对新增的行进行克隆，只能更新或者删除）
[attach]9378[/attach]

作者: felt 时间: 2017-6-19 16:25:01

meriberry 发表于 2017-6-19 15:23
action列只能统一的一起更改吗，能不能根据执行的操作方法判断我想显示的内容？

比如我有三行数据，其中 ...

ondrawcell事件里面根据逻辑来生成不同的内容
比如你可以判断是不是新增的
if(e.record._state=="added"){
e.cellHtml=’更新删除";
}esle{
e.cellHtml='克隆‘
}

作者: meriberry 时间: 2017-6-19 17:47:30

felt 发表于 2017-6-19 16:25
ondrawcell事件里面根据逻辑来生成不同的内容
比如你可以判断是不是新增的
if(e.record._state=="added") ...

我在onActionRenderer事件中实现啦
      function onActionRenderer(e) {
         var grid = e.sender;
         var record = e.record;
         var uid = record._uid;
         var rowIndex = e.rowIndex;


         if (record._state == "added") {
            var s = '<a href="javascript:updateRow(\'' + uid + '\')">更新</a>  '
                        + '<a href="javascript:delRow(\'' + uid + '\')">删除</a>'
         } else {
            var s = '<a href="javascript:newRow(\'' + uid + '\')">克隆</a>  ';
         }
         //if (grid.isEditingRow(record)) {
         // s = '<a class="Update_Button" href="javascript:updateRow(\'' + uid + '\')">更新</a>'
         // + ' <a class="Delete_Button" href="javascript:delRow(\'' + uid + '\')">删除</a>'
         //       + '<a class="Cancel_Button" href="javascript:cancelRow(\'' + uid + '\')">取消</a>';
         //}
         return s;
      }

现在有另一个问题，合并了行的表，合并的其中一行能被删除吗，我现在新增了一行，点了删除，两条都一起删除了

      function delRow(row_uid) {
         //alert(row_uid);
         alert("delRow" + row_uid);
         var row = datagrid_cgjhjl.getRowByUID(row_uid);
         if (row) {
            datagrid_cgjhjl.removeRow(row);
         }
         //if (row) {
         // if (confirm("确定删除此记录？")) {
         //       datagrid_cgjhjl.loading("删除中，请稍后......");
         //       $.ajax({
         //          url: "../data/AjaxService.aspx?method=RemoveEmployees&id=" + row.id,
         //          success: function (text) {
         //             datagrid_cgjhjl.reload();
         //          },
         //          error: function () {
         //          }
         //       });
         // }
         //}
      }

作者: felt 时间: 2017-6-19 19:43:05

meriberry 发表于 2017-6-19 17:47
我在onActionRenderer事件中实现啦
function onActionRenderer(e) {
var grid = e.s ...

合并是一次性的，删除之后需要重新再执行一次合并。

作者: meriberry 时间: 2017-6-19 20:52:04

felt 发表于 2017-6-19 19:43
合并是一次性的，删除之后需要重新再执行一次合并。

还有个问题， grid 中两个日期列额，A日期不能大于B日期，怎么验证或判断？

作者: meriberry 时间: 2017-6-21 11:28:28

meriberry 发表于 2017-6-19 20:52
还有个问题， grid 中两个日期列额，A日期不能大于B日期，怎么验证或判断？ ...

已实现

function onCellValidation(e) {
var record = e.record;
var editor = e.editor;
var value = e.value;

var grid = e.sender;
var rownum = grid.indexOf(grid.getSelected());
alert(rownum);

if (e.field == "age") {

      if (e.value < 20) {
         e.isValid = false;
         e.errorText = "年龄必须大于20岁";
      }
}
if (e.field == "gender") {
      if (e.value == 0) {
         e.isValid = false;
         e.errorText = "不能为空";
      }
}

if (e.field == "xq" && typeof(value) != "undefined") {
      var xq = value;
      alert("1." + xq);

      var scrq = grid.data[rownum]["scrq"];
      alert(scrq);

      if (scrq != "") {
         if (xq <= scrq) {
            e.isValid = false;
            e.errorText = "效期必大于生产日期！";
         }
      }
}
else
      if (e.field == "scrq" && typeof(value) != "undefined") {
         var scrq = value;
         alert("2." + scrq);

         var xq = grid.data[rownum]["xq"];
         alert(xq);

         if (xq != "") {
            if (xq <= scrq) {
                  e.isValid = false;
                  e.errorText = "效期必大于生产日期！";
            }
         }
      }
}

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