我想在创建面板后创建dockedItem工具栏： Ext.onReady(function() { Ext.create('Ext.container.Viewport', { layout: 'border', items: [{ region: 'center', xtype: 'panel', listeners: { afterrender: f

我试图定义一个视图，但我得到了一个错误 未捕获的TypeError:无法调用未定义的方法“substring” /app/view/Sidebar.js Ext.define('SimpleTodo.view.Sidebar', { extend: 'Ext.panel.Panel', alias: 'widget.sidebar', config: { title: 'Projects & Todo Lists', tbar: [

我有一个特定的问题要为我的ExtJS4MVC应用程序创建模型。模型应该读JSON，类似这样 版本号：1 图像名称： 图1 图2 ... 图像N 第1组： URL1 URL2 ... URLN 第2组： URL1 URL2 ... URLN 集合M： URL1 URL2 ... URLN 我在考虑关联，但这里我们有一个全局对象和这个列表。 有人知道如何定义这个模型吗。 提前感谢列表不是一棵树吗？你可以用一棵树 根据我的经验，没有一种简单的内置方法可以在模型中保留字符串数组。您可以像您所说的那样使

我有一个带有工具提示的图表，我真正想做的是，我需要使用XTemplate为工具提示设置标题，如下所示： tips = { trackMouse: true, width: 120, height: 23, renderer: function(storeItem, item) { var myTemplate = new Ext.XTemplate('<p> {Value} </p>') myTemplat

在ExtJS 4.1中，我根据树状节点的ID选择树状节点，如下所示： var n = myTreePanel.getStore().getNodeById(id); myTreePanel.selectPath(n.getPath()); 。。对于这样一个简单的操作，似乎需要大量的打字。有更简洁的方法吗？我不相信有更简洁的方法来编写内置于框架中的代码。您总是可以编写自己的方法并将其添加到树类中 Ext.tree.Panel.addMembers({ selectPathById: fu

我试图从数据库返回的json中读取值。但我无法做到这一点。它的给出是不确定的。 在Firebug中，它以以下格式提供正确的值 {“列”：[“B”、“C”、“D”、“E”、“F”、“G”]， “数据”：[[1.253,0.54,2.54,8.245,0,0.253]] } 当我给出console.log（响应[0].DATA.B）时，它的给出未定义。 我尝试了警报（响应[0]。获取（'B'）；这也是未定义的。 警惕（成功）是真的 有人能告诉我这里出了什么问题吗 提前谢谢。。 这是我正在使用的代码

如何在rederer功能中选中或取消选中checkcolum？ 我认为您应该在模型中定义测试字段，而不是在渲染中 // Grid Column { header: "Defected", xtype: 'checkcolumn', dataIndex: "test", renderer : this.chTest} // renderer function chTest : function(value, metadata, record){ if(record.get('A') == "

对于我的应用程序，我有一个相当复杂的布局，使用borders、vbox和hbox，它们似乎都非常适合，只是有一个缺点。南部地区的网格底部不起作用。当浏览器高于minHeight/maximized时，我希望网格占据面板的高度，但此时它看起来是这样的： 当浏览器缩小（但不低于最小大小）时，它看起来是这样的，我无法到达网格滚动条的底部：( 您可以看到滚动条的切割（视口/网格问题上的可能最小高度），但不确定如何解决此问题。有人能发现我需要做什么来解决这两个问题吗？代码如下： <script

获取选定记录时遇到问题，以下是我的嵌套模型： Ext.define('my.Address', { extend: 'Ext.data.Model', idProperty: '__guid__', fields: ['title', 'latitude', 'longitude', '__guid__'] }); Ext.define('my.POS', { extend: 'Ext.data.Model', idProperty: '__guid__

我测试了所有操作，添加、删除、单击等。。只有在侦听器中激发的更改事件：（ 这是我在托菲尔德移除物品时发生的， 我真的想在将项添加到toField时触发事件（只需双击fromField项） 如何捕获此事件 谢谢 var documentSelector=Ext.create（'Ext.ux.form.ItemSelector'{ 名称：“documentSelector”， fieldLabel:“文档”， 主播：100%， 商店：a， valueField:“名称”， 显示字段：“名称”， al

我有下面的代码来创建网格 var store = Ext.create('Ext.data.ArrayStore', { fields: [ { name: 'company' }, { name: 'price', type: 'float' }, { name: 'change', type: 'float' }, { name: 'pctChange', type: 'float' } ], data: myData }); var grid =

我正在使用一个带有pagingscrollbar的网格本地存储。我有一个delete按钮，为它编写了onClick函数，它从数据库执行删除操作（通过调用servlet）。现在，一旦执行此删除操作，我想从我的网格中删除该记录 我通过以下方式实现这一目标： myStore.removeAt(recIdx); 这将从网格中删除记录，但当我使用分页栏“下一步”或“上一步”按钮导航时，已删除的记录将再次显示在网格中。我想这是因为我的店是本地的，但我不确定 有没有办法克服这种情况？？？？（我只想将我的店铺

我正在网格中使用它的ComponentColumn 我想为每个用户设置不同的存储 如果在一个网格中有4个用户，我想为每个用户设置不同的组合存储，这样当用户单击组合时，他将根据自己的权限看到选项，或者我将设置的存储 xtype: 'itscomponentcolumn', text : '<b>Permission</b>', width: 150, dataIndex: 'permission',

需要ExtJS应用程序设计建议。以下是我到目前为止所拥有的图表： 我有一个带工具栏的窗口。tb上有3个菜单、一个按钮和一个用于跟踪某些信息的存储。窗口本身是一个图像，根据菜单的值单击按钮时会发生变化。我有一个菜单处理程序 这一切都很好，一个窗口 我遇到的问题是，我可以在一个drop事件中创建多个窗口实例（从左侧的树中拖动）。当打开多个窗口时，会出现某种菜单冲突。选择另一个窗口上的项目时，一个窗口上的菜单会中断。像这样： 窗口的所有实例似乎共享同一个处理程序，或者每个窗口共享同一个菜单实例？我

使用ExtJS 4.2.1，当用户开始键入组合的输入字段时，如何编写“组合”框来查询显示字段而不是valueField 以下是我对组合框的设置： xtype: 'combo', itemId: 'usersCbo', width: 450, forceSelection: true, fieldLabel: 'Assign Selected TestRuns To', labelAlign: 'right', labelWidth: 180

随着浏览器的调整，我的网格也随之调整大小。现在网格标题太长，当网格收缩时，文本将被截断。CSS解决方案要求我给它一个固定的，这是不可能的，因为标题将被调整大小。当页眉宽度低于某个值时，是否有一种动态的方法来添加省略号？太简单了！我编写了一个完整的函数来添加省略号，然后发现解决方案只是显式地将span的样式设置为display:inline。省略号会自动显示 .x-column-header-text { display: inline; }

我正在使用一个网格面板，我需要在其中创建一个列作为链接，它应该看起来像链接，没有任何操作。我在gridpanel中使用listener，点击一个单元格就可以了。唯一的问题是第一列应该看起来像一个链接。但是如何放置href=我不确定。这是我的代码： var addressDetailsStore = Ext.create('Ext.data.Store', { id:'addressDetailsStore', autoLoad: true, fields: [

我是Extjs新手，下面是我的代码： 儿童：[{ 文本：'Basic Ext Layouts'， 扩展：错， 儿童：[{ 文本：'绝对'， id:‘绝对’， 叶：是的， },{ 我试着让它像 儿童：[{ 名称：'Basic Ext Layouts'， 扩展：错， 儿童：[{ 名称：'绝对'， id:‘绝对’， 叶：是的， },{ 但它不工作，请告诉我解决方案将配置设置为“名称”： Ext.create'Ext.tree.Panel'{ displayField:'名称'， // ... }; 更

我的树网格的根显示为双精度。[如屏幕截图所示]在这种情况下，驱动器将是我的根目录，我希望它可见 如果有人能帮助我，我会很高兴的 提前谢谢 以下是我的树视图定义： Ext.defineappName+'.view.document.FolderTree'，{ 扩展：“Ext.tree.Panel”， 别名：“widget.foldertree”， 要求：[ “Ext.grid.plugin.CellEditing”， 'Ext.tree.plugin.TreeViewDragDrop'， “Ext

我已经使用ExtJS有一段时间了，并且在实例化组件时总是使用“Ext.getCmp”，但大多数时候我读到这是一种不好的做法，应该使用“itemId”，所以我想知道为什么“itemId”比“Ext.getCmp”好，以及是否可以一直使用。 此外，我还遇到过我不能（或不知道如何）使用“itemId”的例子。 例子： 我可以使用“Ext.getCmp”设置按钮的disabled属性： 但使用“itemId”时，我得到错误：“对象引用未设置为对象的实例” 您必须按项目id获取按钮元素，然后调用setDi

我有一个表格布局的表单，每个单元格内都有一个displayfield，初始化表单时没有值。稍后将在loadData函数中添加这些值 我正在向loadData函数传递一个数据数组，并调用form.setValues（）。所有的数据项都是简单的字符串，但是其中一些有空格，例如“my data” 我的问题是，当setValue（）方法设置displayfieldvalue时，它将空格视为换行符，并将字符串的后续部分放在第一部分下面的行上 单元格足够大，可以容纳字符串的大小，因此不应该有换行符。我想尝试

我正在使用ExtJS4.0，并尝试将可编辑网格与复选框选择模型相结合。 问题是，当我单击复选框时，我会收到此错误消息 Uncaught TypeError: Object [object Object] has no method 'getEditor' 我很清楚，复选框列不应该被编辑（以cellediting插件的方式），因此没有getEditor功能 我尝试在CellEditing组件上定义一个beforeedit监听器，该监听器跳过colIdx=0的版本，但它甚至没有被调用，因为错误发生

我有一个定义了store:cdStore的网格。网格的记录使用绑定到网格数据的表单进行编辑。更新记录时，我希望刷新的记录显示在网格中。 目前我有 handler : function() { areaForm.getForm().submit({ params: { action: "update" } }); cdStore.loadPage(cdStore.currentPage); areaGr

嗨，我需要创建一个如下列表： 咖啡 牛奶 使用extjs4。 我认为这样的东西可以用Xtemplates创建。但是我不想使用任何html。有我可以使用的组件吗 求求你，这很紧急 有关于如何操作的建议吗？如果您只需要一个简单的HTML列表，我认为您应该像编写一样使用xtemplates。 但Extjs中也有类似的组件，比如网格或列表： 无论您是否使用XTemplates，您都将生成HTML。那么，您对XTemplate的具体反对意见是什么？

formpanel具有工具配置，我使用的工具配置如下： this.tools = [ { id: "upload", hidden: false, handler: function() { this.triggerUpload(); }, scope: this, }, ] 这很好，但我想有我自己的自定义图

我有下面的场景 用户输入表单用于输入用户 搜索用户表单，带有网格和编辑选项，用于更新用户值。当我单击网格中的编辑图标时，页面应重定向到用户条目表单，表单中填充值用于更新 SearchUser var searchUsers = new Ext.FormPanel({ renderTo: "searchUsers", frame: true, title: 'Search Use

我想更改网格的默认标题模板。我不知道要设置什么配置或属性。我尝试了“renderTpl”、“tpl”、“metaRowTpl”，但这些属性与网格中的行相关，我想在其中更改标题 任何例子或链接都会很好 像上面的图片一样，我需要额外的标题/行/列标题，在这些标题之间，文本将来自数据库（基本上是过滤信息）。您可以使用以下命令更改标题文本 yourGrid.getView().getHeaderAtIndex(columnIndex).setText('Header Text'); 很抱歉把你弄糊涂

我有一个带有文本字段的FormPanel（Ext.form.Panel）；我希望文本字段自动调整大小，以便其全部内容可见，但以下操作不起作用： Ext.define('myapp.view.admin.EditUserFormPanel', { extend: 'Ext.form.Panel', initComponent: function() { var me = this; me.items = [ {

我在ExtJS4中遇到了MVC模式的问题。至少，我想我有。我已经就这个问题联系了很多人，并且在Sencha论坛上发布了很多次，现在我转向更广泛的受众，希望得到一个灯泡或者一个确认 问题 您的应用程序能够打开许多不同的视图，其中一些视图本身就是小型应用程序。此外，用户可能希望打开视图的多个并发副本 此应用程序是一个单页客户端Javascript应用程序 extjs4mvc模型希望您在应用程序类中定义所有控制器。然后在应用程序加载时初始化这些控制器。控制器跟踪视图、模型和存储 当您多次初始化控制器时

我对ExtJS相当陌生，但我已经能够让GridPanel与相关的分页工具栏一起工作。一切正常，直到我关上弹出的窗口，打开另一个。在随后的窗口加载中，我得到一个“me.dom未定义”错误。如果我移除分页工具栏，一切正常。我使用的是4.0.7版 提前谢谢 门店定义： Ext.define('VIMS.store.TOs',{ extend:'Ext.data.Store', model:'VIMS.model.TO', requires: 'VIMS.model.TO',

我正在使用JSON字符串创建门户 差不多 appPortalItems.add({ id: PortletID, collapsed: true, title: PortletTitle, height: PortletHeight, tools: getToolsBar(String), html: htmlContent, listeners: {

我试图在ExtJs 4.1.0网格中找到无限滚动的基本实现 我正在处理这个示例，此时我的代码实际上与示例相同 当我的页面加载时，当第一个ajax请求触发并按预期工作时，网格将充满第一页数据。然而，当我向下滚动到网格底部时，什么都没有发生。。。我希望看到一个ajax请求触发，获取额外的数据（如示例所示） 有什么想法吗 这是我的密码： HTML <html> <head> <link rel="stylesheet" type="text/css

我有以下表格。我需要打印用户为textfielduname输入的值？我该怎么做 Ext.create('Ext.form.Panel', { title: 'Basic Form', renderTo: Ext.getBody(), bodyPadding: 5, width: 350, // Any configuration items here will be automatically passed along to // the Ext

如何将滚动条（垂直和水平）添加到PAB面板。当浏览器宽度/高度小于选项卡面板时，我需要显示它。若要向选项卡面板添加滚动条，需要为选项卡面板指定最小宽度和最小高度，然后将选项卡面板放置在autoScroll设置为true的容器中。根据您使用的Ext JS版本，可能需要设置其他布局设置（如4.1.1中的包覆面提取） 为了美观起见，您最好在tabpanel中滚动面板而不是tabpanel本身，但这取决于您。您的意思是您的浏览器不显示滚动条（对于整个页面，而不是选项卡条），您使用哪种布局？你能纠正你的问

我很沮丧，因为每当我用它来支持combofield时，我的商店总是被过滤掉。有什么方法可以禁用此功能吗 情景 我有一个存储，上面有一个数据字段；实例化存储时加载的对象数组。我使用这个商店在我的应用程序的不同区域驱动一系列combo。不幸的是，我的组合正在存储上应用过滤器，导致使用同一存储的其他组合稍后只显示过滤的值，而不是整个列表 变通办法 我愚蠢的解决方法是在我使用完combo后调用combo.getStore.clearFilter，但这会很快变老，我确信可能会在某个地方引入一个bug 如果

Im使用ExtJS 4，当尝试使用console.log通过js控制台打印时，消息不会显示。我使用Firebug查看js控制台。 例如： ... init: function(){ console.log('Controlador cargado.'); this.control({ 'abm-grid-usuarios button[action=show]':{ click: function(btn){ console.log('Se cli

我想知道如何才能在extjs的门户演示上做到这一点——在它们之间改变位置。示例：如果将面板A拖放到面板B的位置上，面板B会将其位置更改为面板A的位置。请提供您到目前为止所做的工作。extjs门户的代码在extjs4的文档中，在那个例子中，当我拖放一个面板时，它会插入到另一个面板的位置。我希望另一个面板使用第一个面板的旧位置更改其位置。您可以使用、Ext.dd.*等。要做到这一点，你需要仔细阅读

我是这样使用Extjs4数据存储的。 当我看到ajax调用时，url中会附加一个随机数 var resource_store = Ext.create('Ext.data.Store', { pageSize: 10, autoLoad: true, fields: ['id','r_number','c_number','resource_name','resource_desc','resource_url','resource_file'], proxy: { type: 'a

我有一个带商店的格子。当我重新加载存储时，我想向在我重新加载的存储数据中设置了特定标志的行添加一个类 如何做到这一点 谢谢。您可以使用这个方法 描述了基本用法。更高级的例子是

当我单击“添加”时，我的组合框没有显示，出现一个新行，但它每次都显示“未捕获类型错误：无法读取未定义的属性“xtype”错误，并且没有显示组合框。请帮助我解决此问题。它在extjs 3中工作正常，但我目前正在使用extjs 4 var cond1 = Ext.create('Ext.data.Store', { fields: ['maint_condition1'],

在我的表格中，我使用文本字段、单选组和按钮，如下所示： var radiogroup = new Ext.form.RadioGroup({ fieldLabel: 'Specimen ?', allowBlank: false, name:'isSpecimen', anchor: '85%', items: [

我想动态更新Extjs窗口bbar（工具栏），但我不知道该如何让它工作 示例代码： var myWin = Ext.create('Ext.window.Window', { modal: true, layout: 'fit', items: { // panel }, bbar: ['->', { xtype: 'buttongroup', items: [{ text: 'Cancel',

调试ExtJS 4（尝试了4.1.0和4.1.1两个版本）时，FireBug反复显示以下错误：指定了无效或非法的字符串 http://docs.sencha.com/ext-js/4-1/extjs/ext-all.js 第18行。虽然指定了该选项，但它不会因错误而中断。此外，我的代码或ext-debug.js及其加载程序似乎都没有实际调用ext-all.js 这个错误大约每分钟被记录到Firebug的控制台一次，这很烦人。让我烦恼的是我不能让错误消失。这是萤火虫吗？ExtJS错误？外星人？如何

我有一个这样设计的视图： Ext.define('MY.view.NotificationMails', { extend: 'Ext.grid.Panel', alias: 'widget.NotificationMailsPanel', id: 'id-notification-mails-panel', 我有这个视图的控制器，它是： Ext.define('MY.controller.NotificationMailsController', { exte

关于这个话题有很多讨论，但没有真正的解决办法 如果我使用 1@Produceapplication/Json在中显示Json响应时，我遇到了相同的问题，我的解决方案是： 使用@Producestext/html 您的方法需要将字符串发回前端： 公共字符串上载文件 最简单的方法是在ExtjsJson类中实现一个toString方法，该类以字符串格式返回该方法。 我也有同样的问题，我的解决方案是： 使用@Producestext/html 您的方法需要将字符串发回前端： 公共字符串上载文件 最简单的

我正在为复选框列使用checkboxmodel插件。但是，我想要的是“如果我选中一列，该行的某些单元格将是可编辑的”…我搜索了很多，但没有运气。我正在使用MVC模式，因为这个插件，我不知道如何处理它 /**网格视图**/ 插件：[ Ext.create（'Ext.grid.plugin.celleediting'{ 单击编辑：2 }) ], selType:'cellmodel'， selModel:Ext.create（'Ext.selection.CheckboxModel'{ checkO

我在extjs4中工作。我有一个附带商店的组合框 var store=Ext.create('ListStore',{ model: 'ListModel', autoLoad:false, pageSize: 0 }); 我已将此商店绑定到boxselectas= xtype: 'boxselect', height: 30,

我不知道如何设置我的radiobutton组的值。值“GP”或“P”在表“listSites”中取值 代码如下： for (i = 0; i < me.dataSite.length; i++) { siteName = me.dataSite[i].name;// data site is a table of object site with his id and name. idSite = me.dataSite[i].id;

我有一个基本的网格，并且在列中添加了一些过滤器。我像这样将它们添加到构造函数中，因为其中一些使用存储 constructor: function(config) { Ext.apply(this, { features : [{ ftype: 'filters', encode: true, local: false, filte

我使用的是Extjs树，我在单击嵌套节点ajax请求服务器时遇到问题，我知道这种延迟负载，但我的树不大，大约35个项目，所以我希望请求服务器的时间只收集所有树节点和项目。 有什么想法吗 视图： }) 商店： Ext.define('CRM.store.RoleList', { extend: 'Ext.data.TreeStore', storeId: 'RoleTreeStoreId', //model: 'CRM.model.RoleList', autoLoad: false, proxy