包含extjs5crisp的词条

发布时间：2023-12-08

包含extjs5crisp的词条

更新：2022-11-19 13:53

本文目录一览：

  1. extjs5 统计图表加载不出来，空白页面
  2. Extjs5 为什么要在launch方法写代码
  3. extjs5.0 饼状图无法显示，

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 时，那时 Extjs 2.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 项目那么简单。

推荐文章