不带x-innerhtml的Extjs Widget/组件
不带x-innerhtml的Extjs Widget/组件是指在Extjs框架中，没有使用x-innerhtml属性的自定义小部件或组件。x-innerhtml属性是Extjs中用于指定组件内部的HTML内容的属性。
这种类型的组件通常是通过继承Ext.Widget类或Ext.Component类来创建的。它们可以用于构建复杂的用户界面，具有高度的可定制性和灵活性。
不带x-innerhtml的Extjs Widget/组件的优势包括：
- 高度可定制性：可以根据需求自定义组件的外观和行为。
- 良好的性能：由于没有使用x-innerhtml属性，这些组件通常具有更好的性能表现。
- 跨浏览器兼容性：Extjs框架提供了对不同浏览器的兼容性支持，因此这些组件可以在各种现代浏览器上正常运行。
不带x-innerhtml的Extjs Widget/组件的应用场景包括：
- 企业级应用程序：可以使用这些组件构建复杂的企业级应用程序，如CRM系统、ERP系统等。
- 数据可视化：这些组件可以用于创建各种图表、仪表盘和数据可视化界面。
- 自定义表单控件：可以使用这些组件创建自定义的表单控件，以满足特定的业务需求。
腾讯云相关产品中与不带x-innerhtml的Extjs Widget/组件相关的推荐产品是腾讯云CVM（云服务器），它提供了高性能、可扩展的云服务器实例，可以满足构建和部署Extjs应用程序的需求。
更多关于腾讯云CVM的信息，请访问：腾讯云CVM产品介绍
相关·内容
2回答
我正在尝试使用up和down来调用，而不是Ext.getCmp，但我不太理解它。我有这个代码
listeners: {
'change': function(field, selectedValue) {
// Ext.getCmp('wildAnimal').setValue(selectedValue);
this.up('form').down('#wildAnimal').setValue(selectedValue);
}
}
在这个更大的代码中
Ext.define(&#
浏览 0提问于2013-07-12得票数 13
回答已采纳
1回答
我有以下的看法：
Ext.define("FI.view.InstallBaseList", {
extend: 'Ext.grid.Panel',
require: 'FI.store.InstallBaseStore',
title: 'List',
alias: 'widget.installBaseList',
icon:'table.png',
store:'FI.store.InstallBaseStore',
columns: [],
divId:'&
浏览 0提问于2012-06-14得票数 1
回答已采纳
1回答
我似乎在为我用过无数次的东西而挣扎！我不明白为什么突然之间它就失效了:)
我的布局
an accordion
> toolbar
> tabs
>tab 1
> form.panel 1
> textfield (alias: 'widget.mytextfield')
> form.panel 2
>tab 2
> form.panel 1
现在问题是..。当im位于面板1时，
浏览 0提问于2012-05-10得票数 2
回答已采纳
1回答
在我的项目中，我为“视图”中的以下代码创建了作为notifications的widget alias。现在，如何访问"Controller“中的每一项？
extend: 'Ext.panel.Panel',
alias: 'widget.notifications',
layout: 'fit',
items:[{
xtype: 'container',
layout: {type: 'vbox', align: 'stretch'},
items: {
浏览 0提问于2013-03-19得票数 1
回答已采纳
1回答
我不明白与id和itemId配置属性在ExtJS中的用法
app/view/foo.js
Ext.define('app.view.foo', {
...
alias: 'widget.foo', // 1
id: 'foo', // or 2
...
});
app/控制器/goo.js
Ext.define('app.controller.goo', {
...
views: ['foo', ...],
浏览 3提问于2013-08-27得票数 3
回答已采纳
我正在使用Extjs4.2，下面是代码。我已经定义了表单Id，但是按钮事件无法获得值。奇怪的是，当我提交表单时，它会转到服务器端，我可以得到字段值。
如何确定ID值？
Ext.define('App.view.QuestionForm',{
extend : 'Ext.form.Panel',
alias : 'widget.QuestionForm',
requires : ['Ext.data.Store'],
bodyPadding : 5,
def
浏览 0提问于2013-11-24得票数 3
回答已采纳
1回答
我想用一个同样可拖动的特定baseCls创建一个容器。不幸的是，如果我添加了一个basCls，那么我的容器就不再是可拖动的了。有没有人可以帮我，这样我就可以有一个baseCls集，也可以有一个可拖动的容器。
这是一个关于它被打破的例子。如果您注释掉baseCls，它将正常工作：
Ext.create('Ext.container.Container', {
title: 'Hello',
baseCls: 'cf-core-widget cf-core-widget-container',
浏览 19提问于2017-06-29得票数 1
回答已采纳
我想从我的面板中删除这个工具；所以我有这段代码，当我将tool Ext.widget添加到我的面板中时，我想删除这个刚刚创建的工具，我如何做到这一点。我还没有找到removeTool方法。我试图删除方法并删除它，但是没有，这是代码：
if (...) {
var a = Ext.widget({
id: 'kuku',
xtype: 'tool',
type: 'close',
handler: Ext.Function.bind(me.close, me, [])
浏览 2提问于2013-10-17得票数 0
回答已采纳
在使用Sencha ExtJS框架时，视图的事件位于该视图的控制器中。如果您没有使用控制器，那么您将事件存储在哪里。
例如，假设我们的MVC应用程序，我们有一个用户网格(userlist)，我们有一个事件"itemdblclick“。我们如何在非MVC应用程序中实现"itemdblclick“？
Ext.define('AM.view.user.List' ,{
extend: 'Ext.grid.Panel',
alias: 'widget.userlist',
title: 'All Users
浏览 1提问于2012-07-19得票数 1
回答已采纳
2回答
我有一个MVC架构，但是当我尝试在现有的TabPanel中创建另一个MVC时，我在浏览器中得到了如下信息：
el is null
el = el.dom || Ext.getDom(el); ext-all-debug.js (line 12807)
据我所知，新的TabPanel似乎找不到它要呈现的所需的div。总之，这里是控制器：
Ext.define('FI.controller.MainController', {
extend: 'Ext.app.Controller',
id: 'mainController',
views:
浏览 4提问于2012-06-22得票数 4
回答已采纳
我在面板中创建动态表。我想根据几个条件动态设置表格的高度和宽度(在运行时)。我可以得到它的父容器的高度和宽度，但我不能将这个高度和宽度分配给表。下面是我的代码：
var myComponent = Ext.create('Ext.panel.Panel', {
layout: {
type: 'table',
columns: 3
},
listeners: {
afterrender: func
浏览 0提问于2014-03-07得票数 0
我正在尝试使用Ext.flash.Component在ExtJS中集成Flowplayer。在执行此操作时，我收到以下错误-
ReferenceError: swfobject is not defined
new swfobject.embedSWF(
这是我的代码-
var win = Ext.widget('window', {
title: "Flowplayer Integration",
layout: 'fit',
width: 300,
height: 300,
x: 20,
浏览 0提问于2013-02-26得票数 0
我已经下载了Extjs3支持的SuperBoxSelect，但我想在Extjs4中使用它。
我在Extjs4中根据需要定义了class和extend，并删除了Ex.ns()和Ext.reg()。
但是当我运行代码时，我得到了下面的错误。
Uncaught TypeError: Cannot read property 'superclass' of undefined
那么我需要做些什么才能在Extjs4中使用它呢？
代码：
Ext.define('Ext.ux.form', {
extend: 'Ext.ux.form.SuperBoxSele
浏览 1提问于2011-06-20得票数 2
我很难理解如何在测试EXTjs4应用程序中定义和使用MVC模型。请考虑以下结构。
app.js
Ext.application({
name: 'AM',
appFolder: 'app',
controllers: ['Cards', 'Fourscrum'],
launch: function () {
Ext.create('Ext.container.Viewport', {
defaults: { flex: 1 },
浏览 0提问于2011-07-12得票数 3
回答已采纳
使用4.0.6，我有一个带有actioncolumn的网格面板，它有两个项目，一个是删除按钮，另一个是查看按钮。delete按钮被禁用，但在某些情况下需要启用它(如果用户是管理员)。因此，我正在尝试在代码中启用它。
以下是视图：
Ext.define('PP.view.person.List', {
extend: 'Ext.grid.Panel',
alias: 'widget.personlist',
title: 'Current people',
store: 'People',
columnLines:
浏览 0提问于2012-02-20得票数 0
回答已采纳
所以我使用的是ExtJS 4.1。我有一个包含两个项目的视区。它们是正确堆叠的，但我想在它们之间留出一些空间。利润率似乎不起作用。
var required = '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>';
Ext.onReady(function() {
Ext.QuickTips.init();
window.formPanel = Ext.widget({
bodyPadding:
浏览 0提问于2012-09-19得票数 8
回答已采纳
在与ExtJS的工作中面临一个问题
有这样一个代码-一个新的类(视图)
Ext.define('FormApp.view.ElementContainer', {
extend: 'Ext.Container',
alias: 'widget.elemcontainer',
initComponent: function() {
this.items = [{
layout: {
type: 'hbox',
align: 'm
浏览 2提问于2013-10-20得票数 0
回答已采纳
2回答
我有一个panel，动态可以将其添加为网格、图表等项。
"Widgets“(网格、图表等)中的任何一种有一个store。
我的panel有一个"refresh tool“，onRefreshClick想重新加载"Widget”store。
在我的主控制器里，我有：
onRefreshClick: function (tool) {
console.log('refresh widget store');
var me = this,
panel = tool.up('panel&#
浏览 6提问于2014-08-09得票数 0
回答已采纳
2回答
我有一个简单的模板：
tpl: '<table><tr><td>{LogicalCondition}</td></tr></table>',
我想(动态)放置{LogicalCondition}组件，而不是extjs组件。
()
Ext.define('MyApp.view.ux.form.BoolDisplayField', {
extend: 'Ext.Component',
alias: 'widget.booldispl
浏览 3提问于2014-10-11得票数 0
2回答
我有这个树面板，我想从“全部展开”按钮中调用mainpaneltree的this.getId()方法，但得到的结果是方法未定义。我试图将scope:this放在配置对象中，但没有成功。
Ext.define('MA.view.patient.Tree', {
extend : 'Ext.tree.Panel',
alias : 'widget.EditPatientTree',
title : 'Simple Tree',
width : 150,
store:'Tree',
dockedItems : [ {
浏览 0提问于2012-01-10得票数 3
回答已采纳
我有这样一个数据对象：
data = [
{text: 'What is your name?', xtype: 'textfield'},
{text: 'What is your favorite number?', xtype: 'numberfield'}
]
我需要一个网格来显示每个数据对象在它们自己的行中。该行应包含所提供的x类型的窗体字段。
在ExtJS 4中使用这个插件：很容易实现这一点。
使用此插件，开发人员只需在列配置中指定一个"renderer“函数，该函数将返回任意组件的配置对象，然
浏览 1提问于2014-06-10得票数 2
回答已采纳
2回答
我有一个非常具体的情况，我需要5个不同的列在一个数据，其中之一有一个单一的无线电按钮。
因为在ExtJS上我没有找到任何"radiocolumn“元素，所以我自己创建了它，并这样做：
Ext.define('Ext.grid.column.RadioColumn', {
extend: 'Ext.grid.column.CheckColumn',
alternateClassName: 'Ext.ux.RadioColumn',
alias: 'widget.radiocolumn',
groupField: und
浏览 4提问于2017-10-12得票数 0
回答已采纳
1回答
我是ExtJS新手，我想在ExtJS中为我的按钮创建一个容器面板，到目前为止我所做的就是尝试在我的类中添加一个简单的按钮，如下所示：
Ext.define('MyClass.view.buttons', {
extend: 'Ext.container.Container',
alias: 'widget.MyClass',
controller: 'MyClass',
requires: [
'MyClass.view.Main',
浏览 3提问于2020-09-28得票数 0
回答已采纳
我曾经使用ExtJS6.0，现在我正试图让我的应用程序在ExtJS4.0.7中工作。版本4中可能有一个语法错误，它是版本6中的格式良好的代码，我没有捕捉到，但在我的生活中，我不知道它是什么。
引用存储和模型是没有问题的，但是加载这样的自定义xtype .
app/view/Main.js
Ext.define('App.view.Main', {
extend: 'Ext.container.Viewport',
title: 'App Title',
layout: 'anchor',
items: [
浏览 3提问于2016-06-10得票数 0
回答已采纳
3回答
我有一个看起来像这样的东西：
items: [{
xtype: 'box',
html: '<img src="http://chart.apis.google.com/chart?mychart" alt="" style="text-align:center" />',
name: 'first',
id: 'first',
浏览 0提问于2010-12-15得票数 2
回答已采纳
我有一个包含图像组件的字段集：
{
xtype : 'fieldset',
title : 'Picture',
width : 170,
items : [{
xtype : 'image',
itemId : 'uploadImage',
height : 150,
width : 150,
src : ''
浏览 1提问于2014-06-23得票数 1
回答已采纳
2回答
我正在ExtJs4.2中构建一个MVC应用程序，并且有一个窗口和一个模板。
窗体面板中没有几个隐藏的文本字段，我想显示/隐藏这些字段。
当我运行这些命令时：
Ext.getCmp('PartsSell').show()；
或
Ext.getCmp(‘PartsSell’).setVisible(真)；
甚至
Ext.widget('ObjectForm').getForm().findField('PartsSell').setVisible(true)；
什么都没发生！！
下面是表单片段：
Ext.define('
浏览 2提问于2015-08-22得票数 1
回答已采纳
我的简化商店：
Ext.define('PT.store.DealTree', {
extend: 'Ext.data.TreeStore',
proxy: {
type: 'rest',
url: '/dealTree',
reader: { type: 'json', root: 'children', successProperty: 'success' },
},
root: { name: &
浏览 3提问于2013-09-10得票数 0
回答已采纳
2回答
由于某些原因，当下面的浮动面板失去焦点时，blur事件不会被激发。但是，当我监听模糊事件面板的'el‘时，它被注册为listeners配置中所示的内容。我想要做的是当模糊事件发生时隐藏面板。如何访问父面板？
Ext.define('NoteKeeper.view.tabs.AttachmentPanel',{
extend : 'Ext.panel.Panel',
alias : 'widget.attachmentPanel',
itemId : 'attachmentPanel',
fl
浏览 0提问于2017-08-21得票数 0
2回答
我已经尝试了很长一段时间，但除了在视图中的侦听器中添加一个afterrender之外，我还没有找到解决这个问题的方法。但我想让控制器来处理它。
有谁知道我怎么解决这个问题吗？
这是我目前在我的文件中的内容，
controller/App.js
Ext.define('HD.controller.App', {
extend: 'Ext.app.Controller'
,views: [
'core.Header',
'core.Navigation',
浏览 0提问于2011-10-25得票数 6
回答已采纳
我是ExtJS的新手，想动态地更改按钮的文本:我的要求是提供按钮的预览。为了提供预览，我创建了如下组件：
{
xtype: 'container',
width: '100%',
padding: '20 0 20 0',
itemId: 'preview-container',
items: [
{
xtype: 'component',
itemId: 'preview',
autoEl :
浏览 0提问于2014-12-10得票数 3
回答已采纳
我定义了一个面板，它有两个类似于的项
Ext.define('Example', {
extend: 'Ext.panel.Panel',
border: false,
alias: 'widget.example',
items: [{
fieldLabel: 'Age',
name: 'age',
xtype: 'numberfield',
minValue: 0,
maxValue:
浏览 1提问于2013-10-10得票数 1
回答已采纳
我有下面的视窗，里面有我的应用程序...
Ext.define('my.view.Viewport', {
extend: 'Ext.Viewport',
id: 'viewport',
layout: 'border',
autoDestroy: true,
initComponent: function() {
this.items = [
{xtype: "widget.HeaderContainer"},
浏览 3提问于2012-08-01得票数 1
回答已采纳
1回答
我用treelist侧边栏做了一个视口。我希望当我单击侧边栏中的一个按钮时，我用网格显示存储内容来替换屏幕的中心部分。
viewport.js创建一个侧栏、一个顶部有一个按钮的工具栏和一个我想要显示数据的中心部分。
Ext.define('DashboardDigital.view.Viewport', {
extend: 'Ext.container.Viewport',
requires: [
'Ext.list.Tree',
'Ext.list.TreeItem',
浏览 0提问于2018-10-26得票数 2
回答已采纳
我正在尝试使用MVC在ExtJS中开发一个应用程序。设计应用程序的目的是: 1。创建一个身份验证登录页面2。成功登录后，我必须在一个页面上显示3个网格。这3个网格有不同的存储和模型。
我能够设计登录页面，但我面临的问题是在登录后进入下一个视图。=====>控制器/login.js
Ext.define('MyApp.controller.Login', {
extend: 'Ext.app.Controller',
views: ['Login'],
refs: [
{
ref:
浏览 2提问于2013-03-02得票数 0
回答已采纳
5回答
我习惯了ExtJS 3.X，但我正在为ExtJS 4而苦苦挣扎。
我想创建一个网格的扩展，并且能够通过xtype使用网格的一个实例。据我所知，我必须将别名设置为widget.xtypename，但这对我不起作用。
var MyGrid = Ext.define('mygrid', {
extend:'Ext.grid.Panel',
alias: 'widget.mygrid',
// rest of grid...
});
Ext.create('Ext.window.Window', {
ti
浏览 1提问于2011-05-10得票数 13
1回答
我尝试使用formBind: true将验证添加到表单中。
但是，验证并没有发生(保存按钮没有变灰)。正在进行文本字段不是空白的验证，但将其绑定到Save按钮似乎没有任何作用。
如果双击记录，它将显示所述表单。在这里可以看到：
如果有人无法访问jsfiddle，请编写下面的代码：
Ext.application({
name: 'MyApp',
launch: function () {
//Popup form for items in grid panel
Ext.define("SessionForm",
浏览 1提问于2015-05-14得票数 0
1回答
我在extjs4工作。我已经创建了treeview作为-
Ext.define('Balaee.view.qb.qbquestion.tree1', {
extend: 'Ext.tree.Panel',
title: 'Simple Tree',
width: 200,
id:'tree1',
height: 150,
alias : 'widget.tree1',
store:'qb.qbquestionStore',
displ
浏览 0提问于2013-06-21得票数 0
1回答
我有两个网格嵌套在一个带有锚布局的面板中，如下所示：
var tabs = Ext.widget('tabpanel', {
layout: 'fit',
activeTab: 0,
plain: true,
margin: 1,
items: [gridOne, gridTwo]
});
var gridOne = {
xtype: 'grid',
id: 'gridOne',
collapsible: true,
border: 1,
ancho
浏览 0提问于2013-11-03得票数 0
回答已采纳
我有一个简单的应用程序在我的本地主机和UAT环境中运行。最近添加了一个新组件，所有组件都在本地运行良好。
当我将应用程序部署到UAT时，我在控制台中得到以下两个错误。
/widget/label.js?_dc=1482256656320 404 (Not Found)
Uncaught TypeError: c is not a constructor(anonymous function) @ VM224:3Ext.ClassManager.Ext.apply.create @ app.js?_dc=1482256653415:1Ext.ClassManager.Ext.apply.wid
浏览 0提问于2016-12-21得票数 1
详细信息:在面板(视图)中我设置了selModel：
this.selModel = Ext.create('Ext.selection.CheckboxModel',{
listeners:{
selectionchange: function (sm,selections){
Ext.getCmp('removeButton').setDisabled(selections.length===0);
}
},
mode:'M
浏览 0提问于2013-05-31得票数 0
回答已采纳
我可以将侦听器添加到组件的“el”元素中，如下所示：
Ext.widget('component',{
listeners: {
click: {
element: 'el', //bind to the underlying el property on the component
fn: function(){ console.log('you clicked the el'); }
}
}
}
但是我想向这个组件的tpl中添加更多的元素，并监听对
浏览 13提问于2014-01-21得票数 0
回答已采纳
基本上，我需要的是一个容器，它只是将其项呈现为内联divs例如：
Ext.widget({
xtype: 'container',
cls: 'my-container',
defaultType: 'component',
items: [ { autoEl: { html: 'One' } },
{ autoEl: { html: 'Two' } },
{ autoEl: { html: 'Three' } } ]
})
应该会产生这样
浏览 3提问于2015-02-13得票数 0
回答已采纳
我正在开发Sencha Touch2应用程序，并使用的星级小部件
我想显示列表中每个项目的评级，该列表的配置如下：
Ext.define('Schneehoehen.view.LoipenUebersicht', {
extend: 'Ext.navigation.View',
xtype: 'loipenuebersicht',
config: {
items: [{
xtype: 'list',
title: 'Loipen Übersicht',
it
浏览 0提问于2012-05-30得票数 4
1回答
我正在创建一个Viewport类，其中包含3个条目:一个带有‘’基类的container.Container头、一个带有'grid.Panel‘的Grid和一个带有form.Panel的Form。
问题是，ExtJS重写了我创建的标题并呈现给了“Grid”；正如您猜测的那样，它包含一个较小的“标题”，并给出了这些错误：
[W] Overriding existing mapping: 'widget.header' From 'Ext.panel.Header' to 'Employee.view.MainHeader'. Is this
浏览 1提问于2017-07-28得票数 0
回答已采纳
2回答
我有以下意见：
LeftNavigation (网格面板)
Ext.define('Ray.view.StationsList', {
extend: 'Ext.grid.Panel',
alias: 'widget.LeftNavigation',
store: 'LeftNavigation',
title: 'Navigation',
hideHeaders: true,
initComponent: function () {
this.c
浏览 4提问于2011-11-04得票数 0
回答已采纳
Ext.define('MyApp.view.MyVehicleGridPanel', {
extend: 'Ext.grid.Panel',
alias: 'widget.mygrid',
header: false,
store: UserStore,
multiSelect: false,
columns: [
{
xtype: 'gridcolumn',
dataIndex:
浏览 5提问于2014-02-10得票数 7
回答已采纳
我有这个 Ext.define('MyComp', {
extend: 'Ext.container.Container',
id: 'myid',
alias: 'widget.myid',
xtype: 'myid',
layout: {
type: 'hbox'
},
config: {
mydata: 'Hi there!!!'
},
items: [
浏览 11提问于2019-09-05得票数 1
回答已采纳
在extjs4中，如果我有如下按钮：
Ext.define('Pandora.view.MyButton', {
extend: 'Ext.button.Button',
alias: 'widget.mybutton',
text: 'click me',
id: 'butid'
})；
如果我在视口中使用它，如下所示：
{
xtype: 'panel',
id:
浏览 2提问于2012-03-28得票数 2
1回答
我是Extjs的新手，我尝试用一个字段创建一个简单的Login表单，但是我无法获得该字段的值。
具体来说，我从一个Main.js调用我的登录面板：
Ext.define('appTrial.view.Main', {
extend: 'Ext.tab.Panel',
xtype: 'main',
requires: [
'Ext.TitleBar',
'Ext.Video',
'appTrial.view.Login',
],
controllers: [
浏览 1提问于2014-09-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
