ExtJS 5.0版本问题+Sencha cmd

  ExtJS 5.0版本官方网站给的图表例子,以散点图作说明:

Ext.create(‘Ext.Container‘, {
    //renderTo: Ext.getBody(),
    width: 600,
    height: 400,
    layout: ‘fit‘,
    items: {
        xtype: ‘cartesian‘,
        store: {
          fields: [‘name‘, ‘data1‘, ‘data2‘, ‘data3‘, ‘data4‘, ‘data5‘],
          data: [
              {‘name‘:‘metric one‘, ‘data1‘:10, ‘data2‘:12, ‘data3‘:14, ‘data4‘:8, ‘data5‘:13},
              {‘name‘:‘metric two‘, ‘data1‘:7, ‘data2‘:8, ‘data3‘:16, ‘data4‘:10, ‘data5‘:3},
              {‘name‘:‘metric three‘, ‘data1‘:5, ‘data2‘:2, ‘data3‘:14, ‘data4‘:12, ‘data5‘:7},
              {‘name‘:‘metric four‘, ‘data1‘:2, ‘data2‘:14, ‘data3‘:6, ‘data4‘:1, ‘data5‘:23},
              {‘name‘:‘metric five‘, ‘data1‘:27, ‘data2‘:38, ‘data3‘:36, ‘data4‘:13, ‘data5‘:33}
          ]
        },
        axes: [{
            type: ‘numeric‘,
            position: ‘left‘,
            fields: [‘data1‘],
            title: {
                text: ‘Sample Values‘,
                fontSize: 15
            },
            grid: true,
            minimum: 0
        }, {
            type: ‘category‘,
            position: ‘bottom‘,
            fields: [‘name‘],
            title: {
                text: ‘Sample Values‘,
                fontSize: 15
            }
        }],
        series: {
            type: ‘scatter‘,
            highlight: {
                size: 7,
                radius: 7
            },
            fill: true,
            xField: ‘name‘,
            yField: ‘data3‘,
            marker: {
                type: ‘circle‘,
                fillStyle: ‘blue‘,
                radius: 10,
                lineWidth: 0
            }
        }
    }
});

  不同于以往的例子,新的例子中均出现了xtype:‘cartesian‘,如果你仅仅在html文件中引入ext-charts.js文件,是会报错的,报错情况如下:

[Ext.Loader] Synchronously loading ‘widget.cartesian‘; consider adding Ext.require(‘widget.cartesian‘) above Ext.onReady
GET http://localhost:8088/ExtTest/widget/cartesian.js?_dc=1406205106470 404 (Not Found)
Uncaught Error: [Ext.create] Unrecognized class name / alias: widget.cartesian 

  提示找不到widget.cartesian,搜索ExtJS的安装目录,你怎么也找不到widget这个文件夹以及cartesian这个js文件,于是显示百度,毫无资料,再谷歌,有一点点资料,大致是说ExtJS5.0不同于以往的版本,新版本中用ext-charts.js对以往版本的例子有效,新版本必须使用的是packages文件夹下的sencha-charts,我去里面找,也没看见sencha-charts.js可以供引用,我就想,我了个槽,没有js文件,让我直接用文件夹不成。依靠着自己的一些程序员的经验,猜想这可能是源码,需要build生成个js?于是各种找啊找,废话不多说,摸索出了解决方法。就是用sencha自己的工具sencha cmd来build这个sencha charts。

1.首先下载安装sencha cmd最新版本。

2.打开系统的cmd,输入sencha,有一串信息出来说明安装成功。

3.然后cd到文件夹sencha-charts下,运行命令:

  sencha package build

注意,这个package不是sencha cmd自带的啥命令,是因为sencha-charts这个工程的原来的名字叫package,如果原名叫hello,你就得改成sencha hello build。你问我原名我是怎么知道的?是看sencha-charts/.sencha文件夹知道的,.sencha文件夹下有个文件夹包含build-impl.xml,那么这个包含build-impl.xml文件的文件夹就是这个工程的原有名字。

  上述3步之后,好的,大功告成,会在sencha-charts多出一个build文件夹,里面有我需要的sencha-charts.js。

ExtJS 5.0版本问题+Sencha cmd

时间: 2024-10-13 09:31:25

ExtJS 5.0版本问题+Sencha cmd的相关文章

ExtJS(6)- 用Sencha Cmd构建打包Ext项目

用ExtJS组建前端框架有一年多了,考虑到ExtJS中js过多,为提高效率,所以开始寻找打包的方法,然后就发现了这个Sencha Cmd.首先Sencha Cmd不仅仅是为了打包而生的,它同样具有构建前端框架的作用. 以下为所需的环境: Sencha Cmd 下载地址:http://www.sencha.com/products/sencha-cmd/download/Ruby 下载地址:http://rubyinstaller.org/downloads Ant下载地址:http://ant.

sencha cmd 指定gradle 版本

我的sencha cmd 版本是 Sencha Cmd v5.1.3.61 运行sencha app run android 默认下载 gradle 2.13 版本 指定 2.14.1版本 1.修改cordova\platforms\android\cordova\lib\builders\GradleBuilder.js文件中var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'http

sencha cmd安装创建项目与编译,特详细。

官方文档 Introduction to Sencha Cmd Using Sencha Cmd with Ext JS 4.2+ Compiler-Friendly Code Guidelines Workspaces in Sencha Cmd 环境要求 Java Run-time Environment or JRE,版本>=6.0. Ruby Sencha Cmd Ext JS SDK 下载安装搭建环境 Sencha Cmd 下载 EXTJS的版本要和 sencha cmd版本对应,不然

Ext Sencha Cmd 6 环境安装

Sencha Cmd安装笔记 在使用前端框架ExtJs前,需对其环境加以部署,对自己的安装过程加以记录. 建议大家在安装时,最好使用VPN,个中缘由,生在跳槽的程序袁应该都懂吧.不然ruby相关命令执行时,会提示相关包无法下载. Sencha Cmd下载地址:https://www.sencha.com/products/extjs/cmd-download/ Sencha Cmd 6官网地址:http://docs.sencha.com/cmd/6.x/ Sencha Cmd 6相关细节的地址

[extjs5学习笔记]第三十八节 sencha CMD 6.0.0.220版本安装

本文地址:http://blog.csdn.net/sushengmiyan/article/details/46740381 简介 sencha cmd 6安装过程不需要UAC控制了对于widnows来说,对于mac来说是启动权限,之前的版本,我们比较麻烦的事情是需要下载正确的ruby版本才可以使用cmd,现在6.0版本之后,就不需要单独安装ruby了,新版取消了对ruby的依赖.新版cmd增加了对jre的默认安装,选择下载包的时候,可以直接下载带有jre的安装包,这样就不需要再单独安装jre

ExtJs Sencha Cmd创建项目以及编译项目

一:创建项目 sencha sdk tool2.0无法创建api为sencha-touch-2.2.1的项目,需要使用SenchaCmd代替sencha sdk tool,其步骤如下: 1,下载安装senchaCmd,地址为: http://www.sencha.com/products/sencha-cmd/download 2,一路next,安装完之后,进入cmd,敲入:sencha,展示一些关于sencha的信息,表示senchaCmd安装成功 3,使用senchaCmd生成项目 3.1

mac下使用sencha cmd+extjs6

笔者刚接手公司一个项目,后台是使用extjs6做前端,php做api接口,两者通过ajax交互 没办法,不管接手的项目多么的挫逼,都还是要上的,拿人钱财替人消灾嘛 首先是安装sencha cmd ,百度一下 https://www.sencha.com/products/extjs/cmd-download/ 我下的是mac版 安装完之后,发现这事要依赖java的jvm的,所以还得去甲骨文官网下个jdk http://www.oracle.com/technetwork/java/javase/

1、Sencha cmd学习笔记(一) 使你的sencha cmd跑起来

带着Ext JS 5来使用sencha cmd -------------------------------------------------------------------  这个指导通过处理使用 sencha cmd的sencha generate app命令来创建应用程序,本文是以允许一个应用程序来结束的  处理更新一个存在的应用程序来体验Sencha cmd是在本章结束的时候介绍的,首先理解什么是"ideal"和“default”是很重要的,在默认的结构和已经存在的应用

[学习笔记] Sencha Cmd 学习笔记 Sencha Cmd是什么

本文地址: http://blog.csdn.net/sushengmiyan/article/details/38295575 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- 翻译来源  Sencha Cmd官方网站: http://w