jjzjj

grid-layout

全部标签

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

javascript - Kendo Grid 的动态默认值

我想在我的KendoGrid中添加一个自动递增列。此字段不是服务器端自动递增,因为我希望用户看到该值并能够更改它。我目前的解决方案是将click属性添加到Create按钮并遍历行以找到最高值并将其递增。但是我怎样才能将这个值插入到新创建的行中呢?Click事件发生在新行创建之前。所以有两种可能的解决方案:有一个变量作为默认值并在我的JS代码中更新它。以某种方式访问​​新创建的行,并更新值。这是我的JS代码:functioncreateClick(id){vargrid=$("#"+id).data('kendoGrid');varhighestRadif=0;grid.tbody.fi

javascript - 带有 Bootstrap 4 Grid 的 Angular Material 2

我正在使用Angular4并安装了AngularMaterial2,因为我喜欢组件的外观。所以现在我拥有所有组件并想要创建布局。我知道它有AngularFlex布局,但老实说我不太了解Flex,所以我在考虑使用Bootstrap的4Grid来整理布局。为什么我不应该将Bootstrap的网格与AngularMaterial2一起使用? 最佳答案 将bootstrapgrid与angularmaterial2一起使用是毫无意义的。Idon'tknowFlexthatwellsoIwasthinkingonusingBootstrap'

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

javascript - 无法绑定(bind)到 'gridOptions',因为它不是 'ag-grid-angular' 的已知属性

我正在尝试运行theexampleprojectofag-grid但出现以下异常:Can'tbindto'gridOptions'sinceitisn'taknownpropertyof'ag-grid-angular'代码:它说在ag-grid-angular上没有像“gridOptions”这样的Prop。很奇怪,因为它来自ag-grid的官方网站。任何帮助将不胜感激! 最佳答案 看来你还没有用@NgModule({})注册AgGridModule如果错过请尝试下面的代码:import{NgModule}from"@angula

javascript - Slick Grid 中的数据更新

我有一个slickgrid,大约有100行。它的数据在5秒内刷新,但在每次更新时都会重置滚动条,这令人不安。我曾尝试使用dataview和dataview.refresh()但这次没有任何变化反射(reflect)到网格。这是我在每次刷新时尝试的:mapMemoryTableDataView.beginUpdate();mapMemoryTableDataView.setItems(data);mapMemoryTableDataView.endUpdate();mapMemoryTableDataView.refresh();if(mapMemoryTableGrid==null)m

javascript - KendoUI Grid 只允许排序 asc 和 desc,不允许未排序

我有一个请求,让我的KendoUIGrid从一列开始排序,并且从那里只允许该列有排序的asc和排序的desc选项......这意味着没有未排序的选项。我的意思是当第一次查看页面时,有一个图标显示其按升序排列...如果单击列标题,则它会按降序排列,如果再次单击它会按升序排列。目前默认的Kendo行为是第三次单击将网格置于未排序模式,没有排序图标。如果有帮助,我的代码如下:$("#grid").kendoGrid({dataSource:{data:carList,schema:{model:{fields:{"Car":{type:"number"},"Miles":{type:"num

javascript - Knockout Kendo Grid 数据绑定(bind)事件

我有一个使用knockout-kendo的剑道UI网格设置。我在网格的一列中有几个自定义按钮,即进行ajax调用以编辑另一个div中的条目,删除一个或检查editId以调用函数。我的问题是,这两个事件触发了两次!此外对我来说,它看起来像dataBound事件和dataBinding事件是一样的。这是一个fiddlethis.dataBound=function(){alert('dataBound');};this.dataBinding=function(){alert('dataBinding');};我尝试了一些不同的方法。这是另一个fiddlethis.gridConfig={

javascript - 如何禁用 ng-grid 中的选择

是否可以使用内置功能“禁用”或锁定对ng-grid的选择?我希望用户能够选择一行,单击一个按钮,然后网格将保持锁定状态,直到用户按下另一个按钮。 最佳答案 是的,您可以从beforeSelectionChange返回false以禁用更改网格上的选定行。$scope.option={enableRowSelection:true,};$scope.gridOptions={data:'myData',beforeSelectionChange:function(){return$scope.option.enableRowSelect

javascript - AngularJS ui-grid 中的网格更改时如何得到通知?

如果ui-grid中有一种方法我可以知道网格已完成更新行?(比如正在应用过滤器等)?我想在GridView更改后运行一些功能。我尝试了以下方法:$scope.filteredRows=$scope.gridApi.core.getVisibleRows($scope.gridApi.grid);$scope.$watch('filteredRows',function(){console.log('viewupdated');});上面的方法在网格刚刚启动完成时有效,之后就不再有效了。我还尝试使用filterChangedapi:$scope.gridApi.core.on.filte