草庐IT

extjs-grid

全部标签

javascript - 如何在 Extjs 的卡片布局上获取当前事件项目的索引号(而不是事件项目的 ID)?

如何在卡片布局上获取当前事件项目的索引号(而不是事件项目的ID)?以下代码将返回事件项目的ID:Ext.getCmp('my-wizard').getLayout().activeItem.id];如果我不想为我的组件项定义id而只想访问事件项的索引号怎么办? 最佳答案 我找不到内置的快捷方式,但以下方法可行:varwiz=Ext.getCmp('my-wizard');varactiveItem=wiz.getLayout().activeItem;varactiveIndex=wiz.items.indexOf(activeIt

javascript - 从错误处理程序内部获取对 Kendo Grid 的引用

已经有questionshowtogetcustomerrorhandling,withanswers,但是所有这些答案都使用网格的“外部”引用/选择器来使其工作,例如:functiononError(e){if(e.errors){varmessage="Error:\n";vargrid=$('#gridID').data('kendoGrid');//是否可以从错误处理函数内部获取对网格的引用,而无需手动或“外部”提供选择器(因为全局变量是meh)?这样错误处理脚本就可以完全独立。 最佳答案 截至2015-12-05的“当前”

javascript - 如何在 AngularJS ui-grid 中自动调整列宽

在AngularJS中ui-grid,如何配置网格,使其在渲染时根据内容自动调整列宽?我知道有一个tutorial显示自动调整大小功能,但仅当您双击该列时才有效,我希望它可以在启动网格时发生。 最佳答案 在列定义中使用星号:width:"*"; 关于javascript-如何在AngularJSui-grid中自动调整列宽,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/30383

javascript - UI-Grid 在页面加载时不会占用 100% 的宽度

我正在使用ui-grid在表格中显示数据。当我加载页面并离开几秒钟然后单击选项卡(包含ui-grid)时,ui-gridcss中断。它不显示ui-grid100%容器的宽度。但是当我加载页面并单击选项卡(包含ui-grid)时。ui-grid显示完美,我的意思是它的宽度是容器的100%。我不知道是什么问题。这是代码,我正在处理:Js:$scope.gridOptions={enableFiltering:true,enableGridMenu:true,enableRowSelection:true,enableSelectAll:true,selectionRowHeaderWidt

javascript - 使 ExtJS GridPanel 的某些单元格不可编辑

我目前有一个带有Ext.ux.RowEditor插件的GridPanel。行编辑器中存在四个字段:端口、IP地址、子网和DHCP。如果所选行的DHCP字段(复选框)被选中,我需要使其他三个字段不可编辑。我一直在尝试在触发beforeedit事件时执行此代码,但无济于事......我只找到了使整个列不可编辑的方法。到目前为止我的代码:this.rowEditor.on({scope:this,beforeedit:this.checkIfEditable});checkIfEditable:function(rowEditor,rowIndex){if(this.getStore().g

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

c# - 如何更改 Kendo UI Grid 上的文本销毁或删除命令操作?

我正在使用KendoUIKendoGrid。我有一列带有删除按钮或“销毁”操作。Kendo显示一个警告框,其中包含文本“您确定要删除此记录吗?”我需要这篇文章更具体地说明我的情况。您如何自定义此文本?如有任何帮助,我们将不胜感激。我添加列的代码是:$reports.kendoGrid({dataSource:dataSource,pageable:{refresh:true,pageSizes:true},toolbar:[{name:"create",text:"Add"}],columns:[{field:'name',title:'Report',sortable:true},{