首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

无法在现代工具包中从Ext.create({xtype:'app-main'})创建视图

在现代工具包中,无法使用Ext.create({xtype:'app-main'})来创建视图。这是因为在现代工具包中,使用的是新的架构和组件体系,与传统的Ext.create方法不兼容。

在现代工具包中,创建视图需要使用Ext.Viewport组件。Ext.Viewport是一个容器组件,它代表整个应用程序的可视区域。通过将其他组件添加到Ext.Viewport中,可以创建应用程序的视图。

以下是使用现代工具包创建视图的示例代码:

代码语言:javascript
复制
Ext.application({
    name: 'MyApp',
    launch: function () {
        Ext.Viewport.add({
            xtype: 'app-main'
        });
    }
});

在上述代码中,我们使用Ext.Viewport.add方法将一个名为'app-main'的组件添加到Ext.Viewport中。这个'app-main'组件可以是任何自定义的视图组件,用于展示应用程序的主界面。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云云服务器(CVM):提供弹性计算能力,满足各种业务需求。详情请参考:腾讯云云服务器
  • 腾讯云云数据库 MySQL 版:提供高性能、可扩展的 MySQL 数据库服务。详情请参考:腾讯云云数据库 MySQL 版
  • 腾讯云人工智能:提供丰富的人工智能服务,包括图像识别、语音识别、自然语言处理等。详情请参考:腾讯云人工智能
  • 腾讯云物联网平台:提供全面的物联网解决方案,支持设备接入、数据管理、应用开发等。详情请参考:腾讯云物联网平台
  • 腾讯云移动开发平台:提供一站式移动应用开发服务,包括移动后端云服务、移动应用推送等。详情请参考:腾讯云移动开发平台

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

对于Ext.data.Store 介紹 与总结,以及对以前代码的重构与优化

对于Ext.data.Store 一直不是很了解,不知道他到底是干嘛的有哪些用处,实际开发也由于不了解也走了不少弯路, store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表...文件描述:添加接口信息 //----------------------------------------------------------------------------------- // 创建者...: // 创建时间:2013-06-20 //==============================================================================...: // 创建时间:2013-06-20 //==============================================================================...win.close(); } }) } 删除函数,包含到上面那部分代码中了.下面我们一步一步来优化代码: 修改删除函数: 原先的OnDelete函数全部去掉,相应的删除事件添加

1.8K50

Extjs MVC架构 (官方文档翻译)【带源码】

其中index.html的内容如下: Account Manager app.js创建一个应用 每一个Ext JS4应用都通过实例化一个 Application类来启动。  ...在此类我们拓展了Grid 组件设置了alias (别名)以便能够通过xtype方式使用它。 我们也通过store配置了数据和grid需要渲染的列。 下一步我们需要在 Users 控制器添加视图。...这告诉应用自动的加载此视图,因此我们启动时能够使用它。 此应用使用了Ext JS 4的新的动态加载系统来动态的服务器端拉去此文件。...最后创建了两个按钮,一个是关闭窗口一个是用来保存修改的值。 现在需要做的就是将此视图添加到控制器,渲染并且将User 加载进去。... Ext JS 4proxy(代理)是Store或者一个Model中加载或者保存数据的一种方式。 有 针对AJAX, JSON-P 和 HTML5 localStorage 的代理。

1.3K20
  • Ext JS 教程-组件 原

    容器负责管理组件和它们的子元素的生命周期,包括创建、渲染、尺寸和位置,还有销毁。一个典型的应用程序组件层级顶部的Viewport开始,它里面内嵌了其他的容器或者组件。 ?...比如 Ext.panel.Panel 有一个称作’panel‘的xtype。所有组件的xtype都被列组件的API文档。上面的例子展示了如何去添加一个已经加载好的组件到一个容器。...创建一个组件的(继承了该组件的)新类并替换它在组件层级的位置,比创建一个拥有一个ExtJS组件,还要在外部渲染和管理的新类,要容易。...12 onRemoved - 允许一个组件被他的父容器移除的时候有附加的行为。...3 onDockedAdd - 这个方法一个对接条目被加入到面板时被调用。 4 onDockedRemove - 这个方法一个对接条目被面板移除时被调用。

    3.2K30

    Ext JS 教程-MVC架构 原

    模型工作起来很香ExtJS 3的Record类,而且一般同Stores一起用来表格(grid)和组件展示数据。 2 视图表示任何类型的组件 - 表格、树,还有面板等都是视图。...MVC布局,所有的类都放在app文件夹,里面一次放着区分你的模型、视图、控制器和存储(store)的命名空间的文件夹。下面是当我工作完成以后的一个简单的示例应用的文件结构: ?...items: {                  xtype: 'userlist'              }          });      }  }); 这里只需要注意的另外一件事情就是我们视图数组里面指定了...最后我们创建了两个按钮,一个用来关闭窗口,另一个将被用来保存我们(对用户账户)做出的更改。 我们现在需要做的是:把视图添加到控制器,渲染它并且把User加载到它的里面。...代理(Proxies)是ExtJS 4 存储和模型中加载和保存数据的方法。其中有AJAX,JSON-P和HTML5本地存储代理。

    3.3K10

    Ext JS 教程-布局和容器 原

    title: 'Child Panel 2',             height: 100,             width: '75%'         }     ] }); 我们创建了一个...Panel,它把它自身渲染到文档body,并且我们使用了items配置往容器Panel添加了两个子Panel。...使用布局 在上面的例子,我们没有定制容器Panel的布局。请注意子Panel是如何一个接在一个的后面放置的,就像DOM结构中一般的块元素那样的。...让我们假设一下,举个例子,我们想要我们的两个子Panel边靠边的放置,每个都占据容器宽度的50%——我们可以简单的通过容器上提供一个布局配置,使用一个Column Layout。...一般我们可以依赖框架去为我们处理布局的更新,但是有时候我们想去阻止框架自动布局以便我们能够我们已经准备好以后把所有的操作打包,并且手动的去触发布局。

    1.8K10

    ExtJs二(实现登录)

    如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包的Ext.js文件复制到ExtJS目录,复制后,解决方案资源管理器将Ext.js拖到到login.js文件,就会生成以下代码:  //...下面要做的是先定义好表单,扩展内加入以下代码: initComponent: function () { var me = this; me.form = Ext.create...这写法Ext JS文件始终贯穿其中,本着拿来主义的精神,好东西应该学一下。...创建表单的前面添加以下创建Img对象实例的代码: me.image = Ext.create(Ext.Img, { src: "/VerifyCode" });  千万不要在创建表单后面创建...[me.image] }  代码可以看到,使用容器的作用就是可以使用fit布局来限制图片的尺寸,这样布局就容易多了。

    2.1K10

    ExtJs二(实现登录)

    如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包的Ext.js文件复制到ExtJS目录,复制后,解决方案资源管理器将Ext.js拖到到login.js文件,就会生成以下代码:  //...下面要做的是先定义好表单,扩展内加入以下代码: initComponent: function () { var me = this; me.form = Ext.create...这写法Ext JS文件始终贯穿其中,本着拿来主义的精神,好东西应该学一下。...创建表单的前面添加以下创建Img对象实例的代码: me.image = Ext.create(Ext.Img, { src: "/VerifyCode" });  千万不要在创建表单后面创建...[me.image] }  代码可以看到,使用容器的作用就是可以使用fit布局来限制图片的尺寸,这样布局就容易多了。

    1.9K20

    Extjs mvc

    Controllers) Model模型 是字段和它们的数据的集合,例如User模型带有username和password字段,模型知道如何持久化自己的数据,并且可以和其他模型关联,模型跟ExtJS 3 的...Record类有点像(区别是,Record只是单纯的扁平结构,而Model可以nest),通常都用在Store中去展示grid和其他组件的数据 View视图 是组件的一种,专注于界面展示 - grid,...launch: function () { Ext.create('Ext.container.Viewport',{ //  布局              layou:'fit',              ...items: [{                  xtype: 'studentlist'              }]          })      } }); View 定义一个视图。...', dataIndex: 'sex', flex:1}         ];         this.callParent(arguments);     } }); controller  层 创建文件

    2.4K50

    ExtJs十四(ExtJs Mvc图片管理之四)

    现在考虑一下视图的选择问题,操作系统,一般都可以使用拖动的方式选择文件,这个功能相当实用,而在Ext JS,要实现该功能也很简单,只有使用Ext JS包的用户插件Ext.ux.DataView.DragSelector...先在解决方案ExtJS\ux目录下创建一个DataView目录,然后Ext JS包examples\ux\DataView目录下,将DragSelector.js文件复制到该目录。为什么要这样?...的定义添加以下代码来创建插件: plugins: [ Ext.create('Ext.ux.DataView.DragSelector', {}...) ], 因为DragSelector类没有定义别名,所以不能使用xtype进行定义,只能直接创建了。...dataview的定义,添加以下代码监听视图的selectionchange事件: listeners: { scope: me,

    3.4K30

    ExtJs十(ExtJs Mvc用户管理之二)

    用户管理添加修改删除重置密码  首先切换到用户视图脚本文件,为Grid添加一个RowEditing插件,这不难,创建RowEditing的实例,并添加到plugins就行了,代码如下:...xtype: 'checkbox', cls: 'x-grid-checkheader-editor' } } ] 代码,用户名只是简单的不允许为空;电子邮件除了不允许为空外...删除用户和重置密码默认状态为disabled状态,只有Grid选择行后才会启用。 然后可以F5运行,然后点击Grid数据行,效果如下 ?  现在,要在控制器完成各种视图操作了。...接着Store添加一条记录。最后调用startEdit方法进入编辑状态。...如果不清楚,可在页面单击添加按钮,然后单击保存按钮,Firebug中就可以看到如图28所示的提交数据。 服务器端的处理过程就是通过data提取数据,然后转换为JSON数组,数组把数据提取出来。

    6.6K20

    ExtJs十一(ExtJs Mvc图片管理之一)

    要记住,扩展要写在Scripts\ExtJS\Ux目录下,因为路径的设置,扩展目录是指向这里的。该目录下创建一个名为PicManager.js的脚本文件。...模型的定义可以独立成一个文件,也可以initComponet方法内定义。如果在独立的文件定义,就要在扩展添加requires配置项引用模型。...代理定义,reader和writer的定义可标准化数据的输入输出,这个与用户的定义是一样的。代理的API则定义了操作的提交路径。...在这里模板添加了一个filesize方法,用来转换文件大小的显示格式。 因为视图不是面板,没有工具栏组件,因而要在其外面套一个面板用来放置工具栏,所以视图的定义没有边框布局的配置项。...然后切换到主面板的控制器,图片管理的activate方法内,删除alert语句,添加以下代码: var view = Ext.create('Ext.ux.PicManager

    3.7K30

    Ext JS 4 架构你的应用 第2节 (官方文档翻译)

    我们发现渐进式地来定义你的视图并且将其加入viewport是构建你UI的最快方式。 创建一个构建块 通过利用前面文章介绍的内容,我们可以一次定义出多个视图。...这里允许我们使用之前视图中定义好的别名作为xtype的值。...应用逻辑 Ext JS 3,我们通常将应用的逻辑添加在视图的按钮处理器方法,绑定子组件和拓展视图时重写拓展视图的方法。...init方法,你应该设置对视图和应用事件的监听器。 大型的应用,你也许希望在运行时再加载额外的控制器。你可以通过getController 方法来实现。...我们例子里,组件只需要简单的使用视图xtype属性。 每个查询都绑定一个监听器配置。 每个监听器配置里,我们想要监听事件名。

    73810

    增加删除字段修改字段名,修改表结构,非常用SQL语句技巧总结

    检查A数据库中有哪些存储过程B数据库不存在 select name from Jaguar.dbo.sysobjects where xtype='P' and name not in(select...全部用户表和存储过程寻找包含某段文字的用户表和存储过程 select OBJECT_NAME(id) AS name,[name] as content,xtype from sysobjectswhere...EXCEPT 运算符   EXCEPT 运算符通过包括所有 TABLE1 但不在 TABLE2 的行并消除所有重复行而派生出一个结果表。...创建视图: create view viewname as select statement 删除视图: drop view viewname 几个简单的SQL语句: 总数:select count *...[视图名] GO --------------- -- 判断要创建的函数名是否存在 if exists (select * from sysobjects where xtype='fn' and name

    2.2K30

    基于QT的webkit与ExtJs开发CBS结构的企业应用管理系统

    3.打开新窗口     使用Qt的WebKit非常简单,直接把QWebView控件拖放到界面中去即可,但是默认的QWebView实现上有些缺憾,比如无法打开新窗口,无法下载文件,无法打印等。...实参的类型为QNetworkRequest,其他两个实参原始方法获得。    .../guide/application_architecture),系统界面包含三个视图:menuTree、titleBar和contentTabPanel。...2.定制模块加载基址     Extjs有一套独特的模块加载机制,它可以通过js类的名称空间来加载相应的js代码文件,比如视图文件的名称空间是UTMP.sys.menuTree,ExtJs框架会...”的错误信息),之所以IDE内能顺利执行,是因为IDE已经为程序执行创建好了环境,但倘若不解决此问题,就无法把应用程序分发给直接用户。

    3.3K80

    ExtJs十一(ExtJs Mvc图片管理之一)

    要记住,扩展要写在Scripts\ExtJS\Ux目录下,因为路径的设置,扩展目录是指向这里的。该目录下创建一个名为PicManager.js的脚本文件。...模型的定义可以独立成一个文件,也可以initComponet方法内定义。如果在独立的文件定义,就要在扩展添加requires配置项引用模型。...代理定义,reader和writer的定义可标准化数据的输入输出,这个与用户的定义是一样的。代理的API则定义了操作的提交路径。...在这里模板添加了一个filesize方法,用来转换文件大小的显示格式。 因为视图不是面板,没有工具栏组件,因而要在其外面套一个面板用来放置工具栏,所以视图的定义没有边框布局的配置项。...然后切换到主面板的控制器,图片管理的activate方法内,删除alert语句,添加以下代码: var view = Ext.create('Ext.ux.PicManager

    3.4K30
    领券