草庐IT

extjs-grid

全部标签

javascript - ExtJs HTML 组件点击事件

我通过指定面板的html值在extJS中构建了一个自定义HTML组件。我无法将事件处理程序附加到元素(或者它们以某种方式未触发)。但是,我可以在组件上执行其他操作,例如隐藏、追加等。Ext.select('#toFieldDiv').on('click',function(){alert("something");});//Doesn'tWorkExt.select('#toFieldDiv').hide('slow');//Works有什么想法吗?这是我的组件定义:{xtype:'panel',x:70,y:0,html:""}我什至尝试过使用jQuery进行同样的操作。再次隐藏有效

html - 外部 ui-grid-menu-button

我想将ui-grid-menu-button与ui-grid-menu分开。所以我的选择列按钮将在另一个地方。我试图在toggleMenu功能上放一个watch,点击我的按钮它应该触发并打开列表。我也尝试使用广播选项,但它不起作用。最好的方法是什么? 最佳答案 我回答了同样的问题here.感谢@pilar1347的提示,我的解决方案不那么老套。 关于html-外部ui-grid-menu-button,我们在StackOverflow上找到一个类似的问题: h

html - 横跨整行 CSS GRID 的水平边框

我需要使用网格布局,但还需要一条水平线分隔每一行。我唯一能找到的是为每个单元格应用边框,但这只有在有足够的单元格来填充每一行时才有效。.wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,100px);}.box{border-bottom:2pxsolid#ffa94d;padding:1em;}OneTwoThreeFour有没有办法解决上面的问题,让整行都有边框? 最佳答案 添加一个等于边框宽度的grid-ga

html - ExtJS:将 html 格式转换为 ExtJS

我希望能够将html表单转换为ExtJs表单。我读到过您必须使用applyTo做一些事情,但不确定要做什么。希望有人能给我一些帮助,干杯 最佳答案 如果您想将表单中的每个元素都转换为ExtJS元素,Senchaforums上的人已经发布了一个解决方案(我将在这里交叉发布):functionconvertForm(formId){varfrm=newExt.form.BasicForm(formId);//frm.render();varfields=frm.getValues()for(keyinfields){varelem=Ex

html - 是否可以在 CSS-Grid-Cell 中放置多个元素而不重叠?

我有三列和一行,我想将每个网格元素放入三个结果单元格之一。这就是我想要的,使用三个容器元素:main{display:grid;grid-template-columns:33%33%auto;grid-gap:15px;}.container{background-color:orange;}.element{transition:height0.5s;margin:15px;height:100px;background-color:grey;}.element:hover{height:200px;}我知道这可以使用三个容器,但我想避免使用任何不是真正“必要”的东西。使用多行并将

html - 当包含 div 大小的父项发生变化时,如何动态更改 ng-grid 表的大小?

我正在使用ng-class和一个评估是否显示编辑表单的表达式来更改包含的div的大小。如果显示编辑表单,我想更改包含ng-grid和ng-grid本身的div的大小。ActivitiesNeedingMyApprovalMyActivitiesNeedingApprovalMyActivities-->包含导航栏和网格的div通过ng-class更改大小(从span12到span7),但ng-grid不刷新。鉴于父div的变化,如何触发ng-grid的刷新?我在下面包含了我的gridOptions:$scope.gridOptions={plugins:[gridLayoutPlugi

javascript - 如何根据其值隐藏 ui-grid 中的某些行?

我有一个带有这些选项的简单UI网格:$scope.transactionGrid={enableSorting:true,enableColumnResize:true,enableScrollbars:true,enablePaginationControls:false,minRowsToShow:6,onRegisterApi:function(gridApi){$scope.gridEventsApi=gridApi;}};我想隐藏具有特定值的行,已删除:“y”。$scope.transactionGrid.data=[{Name:"First",deleted:"y"},{N

javascript - 来自本地数组的 ExtJs Combobox

我正在尝试使用本地数组列表填充ExtJs组合框。在ExtJs示例中,组合是从不同的states.js文件填充的。在我的示例中,数据应该来自局部变量。它不起作用。ComboBoxesvarexampleData2=[['1','hello'],['2','hi'],['3','bye']];Ext.onReady(function(){Ext.QuickTips.init();//simplearraystorevarstore=newExt.data.ArrayStore({fields:['abbr','state'],data:exampleData2});varcombo=new

javascript - 将 accept ="image/*"属性添加到 ExtJs 中的输入字段

我想使用HTML5“accept”属性和ExtJs“inputAttrTpl”配置为文件上传添加客户端验证。我的ExtJs代码如下(ExtJs4.1):{xtype:'filefield',action:'upload',name:'file',inputAttrTpl:'accept="image/*"',hideLabel:true,buttonOnly:true,anchor:'100%',buttonText:'Uploadimg...',margin:5}但是当我在firebug中检查文件字段时,它不包含“accept”属性。你能为这个问题提出一些解决方案吗?感谢您的回复。

html - 使 CSS Grid 适合最小空间

我有这样的东西:.row{width:300px;border:1pxsolidblack;display:flex;}.otherstuff{flex-grow:1;}.grid{display:grid;grid-auto-flow:column;gap:10px10px;}.cell{border:1pxsolidblue;}StuffCell1Cell2我希望网格只占用所需的最小空间量,而不是展开。我读过thisthread并看到可以使用grid-template-columns和auto值,但是有没有办法在事先不知道child数量的情况下做到这一点?谢谢。