只能编辑Dojo DataGrid的最后一行

时间:2014-03-07 02:59:59

标签: javascript datagrid dojo

我正在使用一个dojo数据网格,它显示从服务器发送的坐标数据,或者协调添加到ESRI地图的引脚数据。

但是,当我单击一个单元格来编辑文本框显示时,您可以更改该值,但除非您正在编辑最后一行,否则更改不会保存。如果编辑第2行中的文本框,然后单击最后一行的同一列中的框,则将第2行值放入最后一行。

如果退出任何其他方式,第2行数据将恢复为原始值。最后一行的行为与我想要的完全相同,您可以编辑所有值并保存它们(除非页面被刷新)。如果添加了另一行,并且您尝试编辑它,则该行将抛出

“Uncaught TypeError:无法在ObjectStore.js上读取未定义的属性'get'”错误:8。

我开始使用hellodgrid示例中的代码 http://dojotoolkit.org/documentation/tutorials/1.9/working_grid/demo/使用“使用网格编辑数据”和编辑任意行中的列。

我没有看到任何类似我的问题而且我真的很难过,所以任何帮助都会受到赞赏。

以下代码中的数据是我创建的对象数组。

    function drawTable(data){
        require([
            "dojox/grid/DataGrid",
            "dojox/grid/cells",
            "dojox/grid/cells/dijit",
            "dojo/store/Memory",
            "dojo/data/ObjectStore",
            "dojo/date/locale",
            "dojo/currency",
            "dijit/form/DateTextBox",
            "dojox/grid/_CheckBoxSelector",
            "dojo/domReady!"
        ], function(DataGrid, cells, cellsDijit, Memory, ObjectStore, locale, currency,
            DateTextBox, _CheckBoxSelector){
            function formatDate(inDatum){
                return locale.format(new Date(inDatum), this.constraint);
            }
            gridLayout = [
              {
      type: "dojox.grid._CheckBoxSelector",
      defaultCell: { width: 8, editable: true, type: cells._Widget, styles: 'text-align: right;' }
              }, 
              //cells:
                    [

        { name: 'Number', field: 'order', editable: false /* Can't edit ID's of dojo/data items */ },
                    { name: 'ID', field: 'uniqueID', width: 10, editable: false /* Can't edit ID's of dojo/data items */ },
                    { name: 'Station ID', field: 'stationID', width: 15, editable: true },
                    /* No description for each station... at least not yet
        { name: 'Description', styles: 'text-align: center;', field: 'description', width: 10,
                        type: cells.ComboBox, 
                        options: ["normal","note","important"]},*/
                  { name: 'Road', field: 'road', width: 10, editable: true, styles: 'text-align: center;',
                        type: cells.CheckBox},  
                    { name: 'Route', field: 'route', width: 10, editable: true, styles: 'text-align: center;',
                        type: cells.CheckBox},
                    { name: 'Count Type', width: 13, editable: true, field: 'countType',
                        styles: 'text-align: center;',
                        type: cells.Select,
                        options: ["new", "read", "replied"] },
                    { name: 'Count Duration', field: 'countDuration', styles: '', width: 15, editable: true},
                    /*  
                  May want to use this later                    
                { name: 'Date', field: 'col8', width: 10, editable: true,
                        widgetClass: DateTextBox,
                        formatter: formatDate,
                        constraint: {formatLength: 'long', selector: "date"}}, */

                ]
              //{
            ];


            objectStore = new Memory({data:data});

            stationGridStore = new ObjectStore({objectStore: objectStore});

            //  create the grid.
            grid = new DataGrid({
                store: stationGridStore,
            structure: gridLayout,
    //          rowSelector: '20px',
                "class": "grid"
            }, "grid");
            grid.startup();

//          grid.canSort=function(){return false;};
        });
    }

1 个答案:

答案 0 :(得分:0)

您尚未在问题中包含实际数据,但根据您的某个列,我猜您的数据项会在名为uniqueID的属性中存储唯一标识符。但是,dojo/store/Memory默认情况下假定id属性中包含唯一ID。这种不匹配很可能是造成你问题的原因。

您可以通过在实例上设置dojo/store/Memory来通知idProperty您的唯一标识符位于其他媒体资源下:

objectStore = new Memory({ data: data, idProperty: 'uniqueID' });