今天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、修改地方

dojo grid 编辑问题的更多相关文章

  1. dojo grid 分页

    dojo很强大,也很方便,但是缺少文档,只能看源代码,也挺好的,就是费时间... 网上找了一段代码(找不到原出处了,不好意思),也看了dojo自带的demo,放一段可以执行的页面代码这里.把ip换成自 ...

  2. Dojo Grid结合Ajax用法

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomerDefine ...

  3. asp.net中当点击按钮时出现grid编辑弹框

    <dx:ASPxButton runat="server" ID="NewGridButton" Text="新增授权" CssCla ...

  4. grid编辑后时间格式不对问题

    在column中应该定义xtype和format格式: xtype: 'datecolumn', format:'Y-m-d'   之后正常

  5. kendo ui 单击取消编辑数据grid减少的原因和治疗方法的数据

    kendo ui单击取消编辑数据buttongrid数据缩减.原因grid编辑数据追打datasorce于data寻找阵列数据的存在.假定有不会加入,加入缺席. 首先一个样本: html代码: < ...

  6. ExtJs4之Grid详细

    ExtJs博客前奏 由于这段时间事情比较杂乱,博客就主要以项目中例子来说明编写. ExtJs4中的Grid非常强大,有展示,选中,搜索,排序,编辑,拖拽等基本功能,这篇博客我就这几个功能做写累述. 1 ...

  7. 【Ext.Net学习笔记】06：Ext.Net GridPanel的用法（GridPanel 折叠/展开行、GridPanel Selection、 可编辑的GridPanel）

    GridPanel 折叠/展开行 Ext.Net GridPanel的行支持折叠/展开功能,这个功能个人觉得还说很有用处的,尤其是数据中包含图片等内容的时候. 下面来看看效果: 使用行折叠/展开功能之 ...

  8. Ext.Net学习笔记18：Ext.Net 可编辑的GridPanel

    Ext.Net学习笔记18:Ext.Net 可编辑的GridPanel Ext.Net GridPanel 有两种编辑模式:编辑单元格和编辑行. 单元格编辑: 行编辑: 可以看出,单元格编辑的时候,只 ...

  9. 【C#/WPF】TextBlock/TextBox/Label编辑文字的问题

    标题有点描述不清,就当是为了方便自己用时易于搜索到. 总之需求是:显示用户信息(文字)时,允许用户编辑自己的信息. 效果图如下: 点击[编辑]按钮前: 点击[编辑]按钮后,允许编辑: 别吐槽为甚性别还 ...

随机推荐

  1. Druid 基础使用-操作篇（Imply ）

    一.Imply Druid 原生的配置较麻烦,在上一篇单机版安装中有所涉及   Imply 基于Druid 进行了一些组件的开发,提供开源社区版本和商业版,简化了部署,开发了一些应用.https:// ...

  2. Spark On YARN使用时上传jar包过多导致磁盘空间不够。。。

    今天测试过程中发现YARN Node变成Unhealthy了,后来定位到硬盘空间不够..... 通过查找大于100M的文件时发现有N多个spark-assembly-1.4.0-SNAPSHOT-ha ...

  3. Norflash控制器的Verilog建模之一

    摘要:今天驱动一款SPANSION公司生产的norflash——S29AL032D70,没有别的参考资料,大致了解一下norflash的内部cmos电路架构以及其用途之后,直接看手册吧. 如何看手册: ...

  4. Use Spring transaction to simplify Hibernate session management

    Spring对Hibernate有很好的支持    DataSource ->SessionFactory-> HibernateTranscationManagerHibernate中通 ...

  5. java中Color类的简单总结

    java中Color类的简单总结 1.颜色的常识 任何颜色都是由三原色组成(RGB),JAVA中支持224为彩色,即红绿蓝分量取值 介于0-255之间(8位表示) 2.Color类中的常量 publi ...

  6. sass安装与使用

    安装: 1.安装ruby 2.安装Koala,用于sass编译 3.gem install sass(mac电脑安装如果安装报错,一般是权限问题,没有权限安装到ruby下面,因此可以尝试sudo ge ...

  7. 你还记得windows workflow foundation吗

    很多年前,windows workflow foundation还叫WWF,而直译过来的名称让很多人以为它就是用来开发工作流或者干脆就是审批流的. 博主当年还是个懵懂的少年,却也知道微软不会大力推一个 ...

  8. window 10 用composer安装 基于 Laravel 5.3 的 Coaster CMS Curl错误77解决

    安装教程来自 http://laravelacademy.org/post/6547.html 1.系统环境windows 10 nodejs3.9.2 composer1.2.4(国内镜像) Cmd ...

  9. Iphone连接win10电脑正常, itunes无法识别解决

    1.之前试过重装itunes, apple的两个服务也都已经启动. 2.但是设备管理器不显示移动设备或者usb的apple mobile device driver 3.解决:打开C:\Program ...

  10. 1045 access denied for user 'root'@'localhost' using password yes的解决方法

    今天把一个项目和项目的数据库都下载到了本地,安装好项目和在本地配置好数据库后,在浏览器登陆项目的后台却出现了以下错误:   后来上百度搜索了好几个答案,都是讲述修改数据库密码的步骤,但是就是没有说明为 ...