本文目录一览:
extjs5 统计图表加载不出来,空白页面
貌似是因为根据 xtype: 'cartesian',这条语句,没找到对应的类,应该是cartesian这个继承自Ext.chart.Chart的类中的设定有问题,看不到代码,自己查吧
Extjs5 为什么要在launch方法写代码
1、直接调用
一直都有朋友在问题,我的代码(如下),运行为什么没有效果 。 这可以是每个Extjs 初学者都想问题在launch 方法背后都会做一些什么工作 ?
script type="text/javascript"
// 这样写有错吗?
/**
* 文件名:当前文件
* 功能描述:直接调用
* 日期:2014-06-16
* 编写:犸特头
* 请查看:
*/
Ext.create('Ext.Component', {
html: 'Hello world!',
width: 300,
height: 200,
padding: 20,
style: {
color: '#FFFFFF',
backgroundColor:'#367FC1'
},
renderTo: 'ff',
});
/script
2、onReady方法
记得接触Extjs时,那时Extjs2.2.1 版本在运行Extjs 代码当都要有用onReady方法 。
下面
Many applications are initiated with Ext.onReady which is called once the DOM is ready. This ensures all scripts have been loaded, preventing dependency issues.
译
应用程序启动Ext.onReady曾经被称为DOM已经准备好了。这样可以确保所有脚本加载,防止依赖问题。
script type="text/javascript"
/**
* 文件名:当前文件
* 功能描述:直接调用
* 日期:2014-06-16
* 编写:犸特头
* 请查看:
*/
Ext.onReady(function(){
new Ext.Component({
renderTo: document.body,
html: 'DOM ready!'
});
});
/script
看到这里有想必您应该知道 下面代码都在干嘛吧!和 onReady 方法有着一曲同工之意 。
script type="text/javascript"
Ext.application({
name:'hello',
launch:function(){
// 为什么写成这样
Ext.create('Ext.Component', {
html: 'Hello world!',
width: 300,
height: 200,
padding: 20,
style: {
color: '#FFFFFF',
backgroundColor:'#367FC1'
},
renderTo: 'ff',
});
}
});
/script
extjs5.0 饼状图无法显示,
最新版本是Extjs5.0.1,我们可以在官方网站进行下载。(这里不得不提一句,Extjs5到目前为止还没有免费的授权,所以下载到的版本是试用版。)
下载到的压缩包解压以后,你会看到一大堆的文件夹和文件,我们该如何使用Extjs5呢?
之前看到过别人说的通过Sencha CMD创建Extjs5项目,但个人觉得那种方式并不适合我们目前的开发模式。我说做ASP.NET的,需要在ASP.NET MVC或WebForm中使用Extjs,所以绝对不上简单的通过Sencha CMD 生成Extjs5项目那么简单。