错误信息：

IE:SCRIPT1009: 缺少 '}'

FF:

SyntaxError: identifier starts immediately after numeric literal 

..."id100", "statFlag":"0",stepList:[{"id":100step1,"jobId":100,"stepName":"100step...

出现错误的Ext代码：

                            data:{'total':[

                                           {"id":"100", "jobName":"id100", "statFlag":"0",stepList:[{"id":100step1,"jobId":100,"stepName":"100step1","moniContent":null},{"id":100step2,"jobId":100,"stepName":"100step1","moniContent":null}]},

                                           {"id":"101", "jobName":"id101", "statFlag":"0",stepList:[{"id":101step1,"jobId":101,"stepName":"101step1","moniContent":null},{"id":101step2,"jobId":101,"stepName":"101step1","moniContent":null}]},

                                           {"id":"102", "jobName":"id102", "statFlag":"0",stepList:[{"id":102step1,"jobId":102,"stepName":"102step1","moniContent":null},{"id":102step2,"jobId":102,"stepName":"102step1","moniContent":null}]},

                                           {"id":"103", "jobName":"id103", "statFlag":"0",stepList:[{"id":103step1,"jobId":103,"stepName":"103step1","moniContent":null},{"id":103step2,"jobId":103,"stepName":"103step1","moniContent":null}]}

                                       ]},

                            proxy: {

                                type: 'memory',

                                reader: {

                                    type: 'json',

                                    root: 'total'

                                }
错误原因：
json数据中，字符串数据没有用引号
比较而言，FF的错误提示更准确
 
不知道怎么用Live Writer上传文件，就把完整代码粘上来，相关js,css文件可以去网上下
改正过的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- EXT -->

<link rel="stylesheet" type="text/css" href="ext4.0/resources/css/ext-all.css" />

<link rel="stylesheet" type="text/css" href="ext4.0/shared/example.css" />

<script type="text/javascript" src="common/js/common.js"></script>

<script type="text/javascript" src="ext4.0/bootstrap.js"></script>

<script type="text/javascript" src="common/jquery/jquery-1.3.2.min.js"></script>

<title>自动化查看</title>

<style type="text/css">

       .icon-grid {

            background-image:url(ext4.0/shared/icons/fam/grid.png) !important;

        }

        .icon-clear-group {

            background-image:url(ext4.0/shared/icons/fam/control_rewind.png) !important;

        }

        .progress-out{width:300px;height:20px;background:#EEE;}

        .progress-in{width:0px; height:20px;background:#AAA;color:white;text-align:center;}

</style>

<script type="text/javascript">

    <!--//

    jQuery.noConflict();

    Ext.Loader.setConfig({

        enabled: true

    });

    Ext.Loader.setPath('Ext.ux', 'ext4.0/ux');

    Ext.onReady(function(){

          //JOB 模型

          Ext.define('Job', {

                extend: 'Ext.data.Model',

                fields: ['id', 'jobName','statFlag','stepList']

          });

          function statFlag(val,meta,model,rowIndex,colIndex) {

                if (val == 0) {

                    return '<span style="color:#gray;">未运行</span>';

                } else if (val == 1) {

                    return '<span style="color:#9AD936;">正在执行</span>';

                } else if (val == 2) {

                    return '<span style="color:red;">运行出错</span>';

                } else if (val == 3) {

                    return '<span style="color:red;">告警一次</span>';

                }

                return val;

          };

          function stepFlag(val,meta,model,rowIndex,colIndex) {

                if(val == null || val == ''){

                    val = '<span style="color:#gray;">未运行</span>';

                }

                return val;

          };

        Ext.create('Ext.container.Viewport', {

            layout: 'border',

            padding:2,

            items: [{

                region: 'center',

                layout:'border',

                border:false,

                flex:2,

                items:[

                    {

                        region:'center',

                        title:'总数据',

                        frame:true,

                        xtype:'grid',

                        id:'jobGrid',

                        columns: [{

                            text: 'ID',

                            flex: 1,

                            dataIndex: 'id'

                        },{

                            text: '名称',

                            flex: 1,

                            dataIndex: 'jobName'

                        },{

                            text: '运行状态',

                            flex: 1,

                            renderer:statFlag,

                            dataIndex: 'statFlag'

                        }],

                        store:Ext.create('Ext.data.Store', {

                        //    autoLoad:true,

                            model: 'Job',

                            data:{'total':[

                                           {"id":"100", "jobName":"id100", "statFlag":"0",stepList:[{"id":"100step1","jobId":"100","stepName":"100step1","moniContent":null},{"id":"100step2","jobId":"100","stepName":"100step1","moniContent":null}]},

                                           {"id":"101", "jobName":"id101", "statFlag":"0",stepList:[{"id":"101step1","jobId":"101","stepName":"101step1","moniContent":null},{"id":"101step2","jobId":"101","stepName":"101step1","moniContent":null}]},

                                           {"id":"102", "jobName":"id102", "statFlag":"0",stepList:[{"id":"102step1","jobId":"102","stepName":"102step1","moniContent":null},{"id":"102step2","jobId":"102","stepName":"102step1","moniContent":null}]},                        

                                           {"id":"103", "jobName":"id103", "statFlag":"0",stepList:[{"id":"103step1","jobId":"103","stepName":"103step1","moniContent":null},{"id":"103step2","jobId":"103","stepName":"103step1","moniContent":null}]}

                                       ]},

                            proxy: {

                                type: 'memory',

                                reader: {

                                    type: 'json',

                                    root: 'total'

                                }

                            }

                        }),

                        listeners:{

                            'selectionchange':function(_this,selected,eOpts){

                                if(selected.length > 0){

                                    Ext.data.StoreManager.lookup('stepStore').loadData(selected[0].get('stepList'))

                                }

                            }

                        }

                    }

                ]

            }, {

                region: 'east',

                border:false,

                hideCollapseTool:true,

                collapsible: true,

                split: true,

                flex:1,

                layout:'border',

                items:[

                    {

                        region:'center',

                        flex:1,

                        title:'步骤列表',

                        frame:true,

                        xtype:'grid',

                        columns: [

                              { header: 'ID',  dataIndex: 'id',flex:1},

                              { header: '步骤', dataIndex: 'stepName', flex: 2 },

                              { header: '状态', dataIndex: 'moniContent',flex: 2,renderer:stepFlag}

                        ],

                        store:Ext.create('Ext.data.Store', {

                            storeId:'stepStore',

                            fields:['id', 'stepName', 'moniContent','stepKey'],

                            data:[],

                            proxy: {

                                type: 'memory',

                                reader: {

                                    type: 'json'

                                }

                            }

                        })

                    }

                ]

            }]

        });        

    });

    //-->

</script>

</head>

<body>

</body>

</html>

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

 
 
 
 
 
 

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

Extjs报错处理的更多相关文章

  1. Extjs报错：isField为空或不是对象

             在做Extjs开发的时候,有时候会碰到一个奇怪的问题,就是报错说"isField为空或不是对象",经过调试发现是一个数组,显示的长度是21,但是数组里面的个数只有 ...

  2. ExtJs 4.2.1 报错：Uncaught TypeError: Cannot call method 'getItems' of null

    做项目的时候遇到这个问题,搞了一上午终于解决了,让我们看看是什么问题: buttons: [ { text: '保存', icon: '../../../Images/extjs/disk.png', ...

  3. Java Web项目（Extjs）报错五

    1. Java Web项目(Extjs)报错五 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname ...

  4. Java Web项目（Extjs）报错四

    1.Java Web项目(Extjs)报错四 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ...

  5. Java Web项目（Extjs）报错三

    1. Java Web项目(Extjs)报错三 具体报错如下: at org.jbpm.pvm.internal.processengine.SpringHelper.createProcessEng ...

  6. Java Web项目（Extjs）报错二

    1.Java Web项目(Extjs)报错二 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ...

  7. Java Web项目（Extjs）报错一

    1.Java Web(Extjs)项目报错一 usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ] [ -no ...

  8. NetBeans部署项目（Extjs）报错（二）

    NetBeans部署项目(Extjs)报错(二) 1.具体错误如下: Using CATALINA_BASE: "C:\Users\Administrator.FOXB2MKB3RGUNIL ...

  9. NetBeans部署项目（Extjs）报错（一）

    NetBeans部署项目(Extjs)报错(一) 1.用NetBeans将项目部署到Tomcat中,报错. 具体如下: ant -f D:\\NetBeans\\workspace\\Foundati ...

随机推荐

  1. 从 exe.config 读取appSettings 中的配置数据

    右键解决方案,添加引用--> System.Configuration.dll 在exe.config 中添加数据 <appSettings> <add key=" ...

  2. element ui aside — 侧栏导航菜单移入移出折叠效果

    效果如图,移入移出控制折叠,点击按钮后移入移出不可控制折叠. 功能是很简单的功能,不过昨天这块还是弄了小一个小时,所以记录下来. 发现的问题: 模版上el-aside写上@mouseenter无效 解 ...

  3. C# 实现邮件代发

    由于自己很好奇,有一些推广之类的 邮件,发件人后面,都有一个 由 .... 代发. 所以,查找了一些资料,来验证了一下实现方法. 咱们先来看看,实现代发的 理想效果图 当然,这一种,是利用 代发的 邮 ...

  4. VS2017 无法使用"XXX"附加到应用程序

    可能是启用了腾讯的网游,可以关闭游戏,再试一下,如果还是不行,重启一下就可以了.好像是游戏的什么防篡改的作用

  5. FFMpeg的一些基础配置

    一 . CMakeLists.txt文件的使用 1.添加头文件的相对路径 : include_directories(include(这里面就是文件的名字)) 2.设置ffmpeg的库的路径(v7a或 ...

  6. 【2019】OCP 12c 062题库更新大量新题-7

    7.daily_ords_lst is created in locally managed tablespace ORDERS_TBS which uses automatic segment sp ...

  7. MySQL中整型和字符串类型指定长度的含义

    引入: int(5)和char(5)或者varchar(5)中的数字指的是什么意思?是字节数,还是字符长度?为什么在整型中指定了int(5)却可以输入123456? 答案是后者,不管是整型还是字符串类 ...

  8. Educational Codeforces Round 34 (Rated for Div. 2) D - Almost Difference(高精度)

    D. Almost Difference Let's denote a function You are given an array a consisting of n integers. You ...

  9. 安装gitlab

    安装源: git clone https://gitlab.com/gitlab-org/gitlab-ce.git -b 7-10-stable gitlab 安装文档: 在github上:gitl ...

  10. DCL，即Double Check Lock，中卫双重检查锁定。

    DCL,即Double Check Lock,中卫双重检查锁定. [Java并发编程]之十六:深入Java内存模型——happen-before规则及其对DCL的分析(含代码) 关于单例.关于DCL: ...