luogx
2014-05-28 16:52
浏览 351
已采纳

extjs4.2 grid编辑验证问题

extjs4.2 grid编辑完后,点击保存按钮调用saveOrUpdateRecord方法,想在该方法内部做校验,record对象跟踪了下,打印出三个record对象,内部属性值也是a,b,c,但是getValue那里打印出来三行都是c,有知道是什么原因吗?实际我想获取指定行的单元格对象
 

 

 
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • navynju 2014-05-29 15:34
    已采纳

    原因: 在同一个column中,每一行的editor实际上是复用的,你在编辑完之后,这个editor中实际上还是最后一次的值,所以你对每一行进行遍历,然后取到这个列的editor,取到的值始终是一样的

    解决方案:
    不要从column的editor中取值,而应该从这个grid的model/store中取值

    已采纳该答案
    打赏 评论
  • leehuat 2014-05-28 17:26

    不知道是否是getEditor的默认值造成的
    你可以简单测试下

    还有你看下每个record值是否正确
    col.getEditor(record);

    打赏 评论
  • zbdy1 2014-05-28 18:18

    我不知道,就看着你自己分数还不够5分

    打赏 评论
  • zbdy1 2014-05-28 18:20

    这会是什么原因呢,真神奇啊

    打赏 评论
  • tank2140896 2014-05-28 20:11

    只有一段合并单元格的,不知道能不能给你点启发
    [code="java"]
    //合并单元格
    com.xxx.xxx.xxx.xxx.mergeCells = function(grid,cols){
    var arrayTr=document.getElementById(grid.getId()+"-body").firstChild.firstChild.firstChild.getElementsByTagName('tr');

    var trCount = arrayTr.length;
    var arrayTd;
    var td;
    var merge = function(rowspanObj,removeObjs){ //定义合并函数
    if(rowspanObj.rowspan != 1){
    arrayTd =arrayTr[rowspanObj.tr].getElementsByTagName("td"); //合并行
    td=arrayTd[rowspanObj.td-1];
    arrayTd[rowspanObj.td-1].style.backgroundColor='#B0E0E6';
    td.rowSpan=rowspanObj.rowspan;
    td.vAlign="middle";
    Ext.each(removeObjs,function(obj){ //隐身被合并的单元格
    arrayTd =arrayTr[obj.tr].getElementsByTagName("td");
    arrayTd[obj.td-1].style.display='none';

    });
    }

    };

    var rowspanObj = {}; //要进行跨列操作的td对象{tr:1,td:2,rowspan:5}

    var removeObjs = []; //要进行删除的td对象[{tr:2,td:2},{tr:3,td:2}]
    var col;
    Ext.each(cols,function(colIndex){ //逐列去操作tr
    var rowspan = 1;
    var divHtml = null;//单元格内的数值

    for(var i=1;i<trCount;i++){ //i=0表示表头等没用的行
    arrayTd = arrayTr[i].getElementsByTagName("td");
    var cold=0;
    // Ext.each(arrayTd,function(Td){ //获取RowNumber列和check列
    // if(Td.getAttribute("class").indexOf("x-grid-cell-special") != -1)
    // cold++;

    // });
    col=colIndex+cold;//跳过RowNumber列和check列
    if(!divHtml){
    divHtml = arrayTd[col-1].innerHTML;
    rowspanObj = {tr:i,td:col,rowspan:rowspan}
    }else{
    var cellText = arrayTd[col-1].innerHTML;
    var addf=function(){
    rowspanObj["rowspan"] = rowspanObj["rowspan"]+1;
    removeObjs.push({tr:i,td:col});
    if(i==trCount-1)
    merge(rowspanObj,removeObjs);//执行合并函数
    };
    var mergef=function(){
    merge(rowspanObj,removeObjs);//执行合并函数
    divHtml = cellText;
    rowspanObj = {tr:i,td:col,rowspan:rowspan}
    removeObjs = [];
    };
    if(cellText == divHtml){
    if(colIndex!=cols[0]){
    var leftDisplay=arrayTd[col-2].style.display;//判断左边单元格值是否已display
    if(leftDisplay=='none')
    addf();
    else
    mergef();

    }else
    addf();

    }else
    mergef();

    }
    }
    });
    };
    [/code]

    打赏 评论
  • waz1988 2014-05-29 09:34

    这是浏览器控制台输出的问题,
    你的代码没错,实际上你已经获得指定行的单元格对象,

    只不过console.log(field.getValue()),打印这句日志时,
    浏览器控制台是动态关联js对象,找的是当前最新的"field",所以看起来都是一个值,实际在代码执行过程中是不同值

    打赏 评论

相关推荐 更多相似问题