草庐IT

extjs6-classic

全部标签

javascript - 有没有办法让 ExtJS GridPanel 自动调整其宽度,但仍包含在一些非 ExtJS 生成的 HTML 中?

我想在一个更大的布局中包含一个ExtJSGridPanel,而它又必须在我无法控制的一些预先存在的HTML中的特定div中呈现。根据我的实验,GridPanel似乎只有在Viewport内时才会正确调整自身大小。例如,使用此代码,GridPanel会自动调整大小:newExt.Viewport({layout:'anchor',items:[{xtype:'panel',title:'foo',layout:'fit',items:[{xtype:'grid',//definethegridhere...但是如果我用下面的行替换前三行,它不会:newExt.Panel({layout:

javascript - ExtJS 4 : cloning stores

我正在尝试弄清楚如何在不保留旧引用的情况下克隆Ext.data.Store。让我用一些代码更好地解释。这是源商店:varsource=Ext.create('Ext.data.Store',{fields:['name','age'],data:[{name:'foo',age:20},{name:'boo',age:30},{name:'too',age:10},{name:'yoo',age:80},{name:'zoo',age:30}]});下面是我想做的事的例子:vartarget=source;target.removeAll();//HereIneedtohavetarg

javascript - 隐藏 ExtJS 面板标题

我在视口(viewport)中心区域有一个ExtJS面板。我想隐藏面板的标题。我该怎么做?我正在使用xtypeconfig来声明面板。 最佳答案 使用面板的header或headerAsText配置选项隐藏其标题。来自ExtJSAPIdocumentation:header:BooleantruetocreatethePanel'sheaderelementexplicitly,falsetoskipcreatingit.Ifatitleissettheheaderwillbecreatedautomatically,otherwi

javascript - 在 ExtJS 4 中创建一个带有 xtype 的扩展

我习惯了ExtJS3.X,但在ExtJS4上挣扎。我想创建一个网格的扩展,并能够使用具有xtype的网格实例。据我所知,我必须将别名设置为widget.xtypename但它对我不起作用。varMyGrid=Ext.define('mygrid',{extend:'Ext.grid.Panel',alias:'widget.mygrid',//restofgrid...});Ext.create('Ext.window.Window',{title:'MyWindow',items:[{xtype:'mygrid'}]})我在Chrome控制台中遇到的错误是Cannotcreatean

javascript - ExtJS X模板

我正在尝试使用ExtJS开发FilterEditor。用户创建了一些范围、比较、空/非空标准,我需要以格式良好的格式呈现它们,以便用户可以轻松阅读整体标准。为此,我认为Ext.DataView和XTemplates可以解决问题。但我想知道我是否可以提供多个模板以使模板易于维护,或者使用一些内置功能为我选择一个模板。vardateRangeTpl=newExt.XTemplate('','','{FieldName}','{Modifier}','{Condition}','{LeftDate}','{RightDate}','','',''varnotNullTpl=newExt.XT

javascript - 如何右对齐 ExtJS tbar 的内容?

我在这样的网格面板中有一个tbar:这是生成它的代码:vargrid=newExt.grid.GridPanel({region:'center',style:'margin:10px',store:newExt.data.Store({data:myData,reader:myReader}),title:'Testing',tbar:['Filters:',{width:100,xtype:'combo',mode:'local',value:'en',triggerAction:'all',forceSelection:true,editable:false,fieldLabel

javascript - 从 ExtJS 中的商店中删除过滤器

我使用store.filter(string,string)方法将过滤器显式添加到Ext.data.Store。但是,我不知道如何从商店中删除过滤器。因此,即使在使用store.load()重新加载后,过滤器也始终适用。我看到的唯一解决方法是重新启动整个网络应用程序。如何从Ext.data.Store中删除过滤器? 最佳答案 除了Mchi的回答,我想说的是可以删除特定的过滤器(clearFilter()将它们全部删除)。为此,不要使用store.filter('property_to_filter','value')方法,而是使用:

javascript - 如何在 extjs 中正确设置按钮的图标大小?

我正在使用extjs4,我想做的事情似乎很简单,但我找不到适用的解决方案。我有一个64*64像素的图标,我希望我的按钮将其显示为背景图像,但extjs仅显示图像部分。在网上搜索了一个解决方案,但没有人建议一个工作解决方案。我只是想让我的背景图片适合我的按钮。这是我的js代码:{xtype:'button',text:null,iconCls:'startbutton',//icon:'./assets/icons/startbtn.png',//style:{height:'60px'},width:64,height:64}这是我的CSS代码:.x-btn-icon.startbut

javascript - 如何使 ExtJS 网格重新呈现自己?

我有一个网格列渲染,如果某些数据成立,它会以粗体绘制文本。现在,当此数据发生变化时,我想在网格上调用一些方法使其重新呈现。有办法做到这一点吗? 最佳答案 就这么简单grid.getView().refresh(); 关于javascript-如何使ExtJS网格重新呈现自己?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7665841/

javascript - 使用 Ext.create 在 ExtJS 4 GridPanel Column 中呈现动态组件

我有一个从商店填充的ExtJS(4.0.7)GridPanel。我在GridPanel的列中显示的值需要具有不同的View,具体取决于记录中的数据类型。最终目标是记录的type属性具有“double”或“integer”值的记录向用户呈现一个他们可以调整的slider,并且一种类型的“string”只是呈现一些只读文本。我创建了一个自定义列来执行此操作。它检查渲染器中的类型并确定要渲染的内容。我的“字符串”在下面的代码中运行良好,但我在努力解决如何动态创建和呈现列中更复杂的slider控件的问题。这个简化的示例只是试图呈现一个带有日期控件的Panel,就好像我可以做到这一点一样,我可以