dojo grid 编辑问题

今天dojo grid编辑小问题，找了半天才找到问题，

1、问题

2、原因

数据单元没有索引列->id

3、修改前代码

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Demo: Editing in a Grid</title>
    <link rel="stylesheet" href="dijit/themes/claro/claro.css" media="screen">
    <link rel="stylesheet" href="dojox/grid/resources/Grid.css" />
    <link rel="stylesheet" href="dojox/grid/resources/claroGrid.css" />
</head>
<body class="claro">
<h1>Demo: Editing in a Grid</h1>
<p>The following grid shows the multiple editing capabilities built into dojox/grid/DataGrid.</p>
<div id="grid"></div>
<!-- load dojo and provide config via data attribute -->
<script src="dojo/dojo.js" data-dojo-config="isDebug: true, async: true"></script>
<script>
    require([
        "dojox/grid/DataGrid",
        "dojox/grid/cells",
        "dojo/store/Memory",
        "dojo/data/ObjectStore",
        "dojo/domReady!"
    ], function(DataGrid, cells, Memory, ObjectStore ){
        var grid;
        gridLayout = [{
            defaultCell: { width: 8, editable: true, type: cells._Widget, styles: 'text-align: right;'  },
            cells: [
                { name: 'Date', field: 'col8', width: 10, editable: true},
                { name: 'Priority', styles: 'text-align: center;', field: 'col1', width: 10},
                { name: 'Mark', field: 'col2', width: 5, styles: 'text-align: center;'},
                { name: 'Status', field: 'col3',styles: 'text-align: center;' },
                { name: 'Message', field: 'col4', width: 10 },
                { name: 'Amount', field: 'col5'},
                { name: 'Amount', field: 'col5'}
            ]
        }];

        var data = [
            {  col1: "normal", col2: false, col3: "new", col4: 'But are not followed by two hexadecimal', col5: 29.91, col6: 10, col7: false, col8: new Date() },
            { col1: "important", col2: false, col3: "new", col4: 'Because a % sign always indicates', col5: 9.33, col6: -5, col7: false, col8: new Date() },
            {  col1: "important", col2: false, col3: "read", col4: 'Signs can be selectively', col5: 19.34, col6: 0, col7: true, col8: new Date() }
        ];

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

        // global var "test_store"
        test_store = new ObjectStore({objectStore: objectStore});

        //    create the grid.
        grid = new DataGrid({
            store: test_store,
            structure: gridLayout,
            "class": "grid"
        }, "grid");
        grid.startup();

    });
</script>
</body>
</html>

4、修改地方

 

posted on 2016-12-13 15:44  Geography爱好者  阅读(621)  评论(0)  编辑  收藏  举报

导航