首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何从dgrid中删除行

如何从dgrid中删除行
EN

Stack Overflow用户
提问于 2016-07-05 15:20:27
回答 0查看 1.5K关注 0票数 1

我定义了dgrid和一个用于删除行的按钮:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://cdn.rawgit.com/SitePen/dgrid/v1.1.0/css/dgrid.css" media="screen" />
</head>
<body class="claro">


    <div id="container"></div>
    <button id="remove">Remove</button>

    <script type="text/javascript">
        var dojoConfig = {
            async: true,
            packages: [
                { name: 'dgrid', location: '//cdn.rawgit.com/SitePen/dgrid/v1.1.0' },
                { name: 'dstore', location: '//cdn.rawgit.com/SitePen/dstore/v1.1.1' }
           ]
        };
    </script>
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
    <script type="text/javascript">
    require([
                'dojo/_base/declare',
                'dojo/on',
                "dojo/dom", 
                "dstore/Memory",
                "dstore/Trackable",
                'dstore/SimpleQuery', 
                'dgrid/Grid', 
                'dgrid/extensions/Pagination',
                'dgrid/extensions/DijitRegistry',
                'dojo/domReady!'
    ],
   function(declare, on, dom, Memory, Trackable, SimpleQuery, Grid, Pagination, DijitRegistry) {
        var data = [];
        for (var i = 1; i <= 500; i++) {
                data.push({id:i,name: 'Name '+i, value: i});
        }

        var Store = declare([Memory, SimpleQuery, Trackable]);
        var myStore = new Store({data:data});

        var MyGrid = declare([Grid, Pagination]);
        var grid = new MyGrid({
                collection: myStore,
                columns: {
                        'id' : 'Id',
                        'name' : 'Name',
                        'value' : 'Value'
                },
                className: "dgrid-autoheight",
                showLoadingMessage: false,
                noDataMessage: 'No data found.'
        }, 'container');
        grid.startup();
        on(dom.byId('remove'),'click',function() {
                myStore.remove(10);
        });
    }); 
    </script>
</body>
</html>

此时将显示dgrid,您可以对其进行排序、编辑名称或值。

问题是,当你点击“删除”按钮时,行被删除了,但是,在网格的末尾写着:“没有找到数据”,数据网格停止工作(你不能删除任何其他行)。

如果将showLoadingMessage:设置为true,那么一切都会正常工作。

编辑:我简化了示例。问题仍然存在。

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38197473

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档