草庐IT

kendo-grid

全部标签

javascript - 在 ag-grid 中显示嵌套的 json

我正在使用AngularGrid(ag-grid)来显示数据。我正在尝试在我的Angular网格中显示嵌套的json数据。但我没有成功。下面是示例json数据和colDef。请提出为什么点运算符与jqgrid不同,无法使用嵌套的json字段映射网格列。varapp=angular.module('myApp',['ngGrid']);app.controller('MyCtrl',['$scope','$http',function($scope,$http){$scope.myData=[{"defaultColumns1":{"region":"PA"},"defaultColum

javascript - 如何将 material-ui Grid 组织成行?

我正在使用ma​​terial-ui做一个表单,使用Grid系统我想做以下事情:并且能够将前两项放在第一行,将第三项放在第二行,我发现这样做的唯一方法是:将ma​​terial-uiGrid堆叠成行的更好方法是什么(就像Bootstrapgrid中的行类概念)?我也考虑过这些选项:用空的Grid项目填充第一行?放立式容器? 最佳答案 您已接近第二个代码块。我发现您可以简单地创建2个不同的网格部分,例如:Gridcell1,1Gridcell2,1Gridcell1,2Gridcell2,2您可以在我的sandbox中使用它检查off

javascript - EXTJS 5 : How to sort grid column in EXT JS 5

我最近将EXTJS的版本更新到5,并且覆盖doSort函数不再有效。有人知道怎么做吗?覆盖示例:{text:'Custom',sortable:true,dataIndex:'customsort',doSort:function(state){vards=this.up('grid').getStore();varfield=this.getSortParam();ds.sort({property:field,direction:state,sorterFn:function(v1,v2){v1=v1.get(field);v2=v2.get(field);returnv1.len

javascript - Kendo Grid 隐藏/显示删除按钮

我是KendoMVC组件和jQuery的新手。我正在构建一个剑道网格。我想在页面加载时隐藏网格中的销毁(删除)命令。之后,当我单击页面上的按钮时,它应该是可见的。剑道格子:@(Html.Kendo().Grid().Name("grid").Columns(columns=>{columns.Bound(product=>product.DESCRIPTION).Title("Description");columns.Bound(product=>product.CODE).Title("Description");columns.Command(commands=>{command

javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

我想创建一个带有链接的自定义列,并在ng-click上调用$scope方法。ngGrid(HowtocallascopemethodfromabuttondisplayedinngGrid-inAngularjs)有非常相似的问题,该解决方案有效。我正在使用ui-grid,它应该只是ngGrid的更新版本,但它似乎在那里不起作用。这是我的代码:varapp=angular.module('plunker',['ui.grid']);app.controller('MainCtrl',function($scope){$scope.gridOptions={data:[{name:'te

javascript - 如何使用 javascript 引用剑道网格中的特定单元格?

现在我有一个2行6列的剑道网格。我需要一些逻辑来突出显示特定的单元格,但我不知道如何引用单元格。我使用了这个例子,但我不知道传递什么作为id。myHub.client.highlightRow=function(id){vardata=$("#MyGrid").data("kendoGrid").dataSource.data();for(vari=0;i这是我的网格示例。functionloadGaugeTable(siteId,dashboardId,endDate,planType){vartoday=newDate();varmetricTitle="Metric,asof"+

javascript - 显示加载或任何覆盖时禁用 ag-grid

使用api调用显示加载叠加层(或任何其他叠加层)时gridOptions.api.showLoadingOverlay()在ag-grid中,叠加层下方的行和所有网格功能(按钮、上下文菜单等)仍然可选择/可用。有什么办法可以防止这种情况发生吗?是否有计划在未来的版本中更改此行为? 最佳答案 添加这条CSS规则:.ag-bl-overlay{pointer-events:auto;}出于某种原因,此选择器的默认CSS是:.ag-bl-overlay{height:100%;left:0;pointer-events:none;posi

javascript - 如何通过按钮选择或不选择剑道网格

我在网格定义中有一个网格,启用了选择模式selectable:true我需要通过一个按钮使网格不可选。我试过这个,但它不起作用:$("#disableKendoGrid").click(function(){vargrid=$("#myGrid").data("kendoGrid");grid.options.selectable=false;grid.refresh();}); 最佳答案 http://jsfiddle.net/Sbb5Z/585/只需切换类使表可选择:$('#bouton').on('click',functio

javascript - 如何在 ng-grid 中使用 bindonce 指令?

我的应用程序存在严重的性能问题。我正在使用Angular和ng-grid。在阅读了为什么我的应用程序运行缓慢之后,我被指示使用bindonce克服潜在的Angular性能问题的指令。所以我在我的解决方案中添加了bindonce.js并在我的模块中注入(inject)了指令HomeIndexModule=angular.module("HomeIndexModule",['ngGrid','pasvaz.bindonce']);我在标记中使用如下我不确定这是否真的解除了网格的绑定(bind)。问题1:有没有经历过该过程的人可以指导我如何执行此操作,因为我只能在bindonce网站上找到n

javascript - 使用 AngularJS 和 Kendo UI 的简单模式对话服务

我是Angular的新手,需要一些帮助来创建可重用服务或类似服务以显示非常简单的是/否对话框。我正在使用KendoUI的窗口组件来显示模态对话框,但我发现自己在需要确认对话框的任何地方都复制了几乎相同的代码/HTML:{{dialog.message}}YesNo然后从一些点击事件或类似事件中,我调用一个方法来打开对话框并将其居中:$scope.showDialog=function(title,message){$scope.dialog.message=message;$scope.myDialogWindow.title(title);$scope.myDialogWindow.