angular-ui-grid相关内容
我正在使用: Angular 和 angular-animate 都是 v.1.5.0 Angular UI 网格 v.3.1.1 ocLazyLoad v.1.0.9 Angular ui 路由器 v.0.2.18 错误是: TypeError: $$animateJs 不是函数在 d (angular-animate.js:2141)在 angular-animate.
..
我想执行一个 cellFilter 来以编程方式定义需要在单元格中显示的内容.在定义列定义时,您需要指定单元格对应的字段,但是我需要访问 cellFilter 中的整行数据,而不仅仅是单个字段.是否可以将多个字段或整行传递给过滤器? {name: '到',字段:'我的数据',单元格过滤器:'formatCaller'} 谢谢. 解决方案 是的,将 this 作为参数传递给过滤器会发送当
..
我尝试使用 UI 网格(ngGrid 的最新版本)创建网格,该网格是不稳定版本并已集成到我当前的项目中. 它没有根据需要正确显示(图标角度向下和行选择的图标)在项目中包含 CSS 文件(通过下载文件并上传)时,它给了我如下所示的显示错误. 但是,如果我直接在我的项目中提供 CSS 文件的网址...它显示正确. //网址:
..
当我的 ui-grid 中有足够多的行进行滚动时,出于某种原因,列表底部似乎有很多空白. 我已经把它固定在这段代码上(我认为?): styles['margin-top'] = hiddenRowWidth + 'px'; ui-grid.js 第 3038 行 不知道为什么它在底部添加了这么多的空白.有任何想法吗?我在想这是因为我的容器是 100% 的高度,但即使使用特定
..
我试图让一个单元格动态扩展它的高度. 有没有办法在渲染后调整行(GridRow)的高度? 如果没有,那么我会尝试在网格中使用可扩展的网格或树. 是否可以在特定单元格/列之外显示可扩展网格? 目前我看到所有占据父级下方整行的可扩展网格/树形网格. 谢谢 解决方案 您可以在此处查看同一问题的答案:https://github.com/angular-ui/ng-g
..
我正在尝试将一个小项目从 jquery 移植到 angularjs.我使用 DataTables 来绘制从我的虚拟机接收到的诊断数据,这是一个例子: DataTables 可以轻松地对数据进行分页,这样做的好处是导航时不会捕获鼠标滚动,当您的页面包含大量表格时,这是最佳解决方案.我现在正在尝试使用 angular-ui 中的 ui-grid 做同样的事情,但是 ng-grid 中存在的分页选
..
所以我试图让我的 Angular UI Grid 在整行上注册一个双击事件来打开一个模式.我可以从吐司吐司开始,然后从那里开始.这是我根据各种在线演示和示例得出的最接近的结果,但我似乎无法让它发挥作用. 控制器: $scope.gridHandlers = {onDblClick:函数(rowItem){toastr.success(rowItem, 'Row Item:')}}$scop
..
我使用 angularjs 1.5.0 和 angular ui grid 3.1.1.当我在控制器主体中分配 gridOptions(传递给 grid 指令)对象时,如下所示: $scope.gridOptions = {数据:[{“mock2":1,“mock1":2},{“mock2":10,“mock1":22}]}; HTML:
..
我想将 ui-grid-menu-button 与 ui-grid-menu 分开.所以我的选择列按钮将在另一个地方.我试图将手表放在 toggleMenu 功能上,然后单击我的按钮,它应该会触发并打开列表.我也尝试使用广播选项,但它不起作用. 最好的方法是什么? 解决方案 我在这里回答了同样的问题.感谢 @pilar1347 的提示,我的解决方案不那么笨拙.
..
ng-grid 文档 包含默认的标题单元格模板(如以及其他默认模板). ui-grid 的默认标题单元格模板是什么? 解决方案 Per the githubshttps://github.com/angular-ui/ui-grid/tree/master/packages/core/src/templates/ui-grid 当前默认的标题单元格模板是
..
我正在使用 ui grid 来显示数据列表,并且我试图最初展开所有行. 我试图在 onRegisterApi 事件中执行此操作: scope.GridOptions ={数据:属性,列定义:[{名称:“完整地址",字段:“完整地址"},{名称:“郊区",字段:“郊区"},{名称:“属性类型",字段:“属性类型"},{ name: "Price", field: "Price", cellF
..
我正在使用 Angular UI 网格来显示一些数据.启用和初始化排序以及选择单行: vm.gridOptions = {启用排序:真,enableRowSelection: 真,多选:假,没有取消选择:真,列定义:[{名称:'#',字段:'ID'},{ name: 'Name', field: 'CODE', sort: { direction: 'asc', priority: 1 } },
..
我试图隐藏 Angular ui-grid 的水平滚动条,但我找不到正确的属性.(属性 enableScrollbars=false 删除了两者.) 是否可以只删除水平滚动条? 解决方案 使用 Github v3.0.0-rc.16 上的最新版本,您可以分别禁用水平和垂直滚动条.而不是 enableScrollbars = false; 使用 enableHorizontalS
..
我正在尝试在 Angular UI-Grid 的过滤器标头模板中添加引导 DateRangePicker.我可以看到模板工作正常,因为它显示了 Bootstrap 图标.我不想使用原生角度类型:'date'.我想使用引导日期选择器.我有一个 Plunker 作为进一步的例子,它显示了本机日期选择器工作和 Bootstrap 日期选择器按钮可点击但不显示任何内容. 我拥有显示此内容所需的所有内
..
我有一个 uigrid,其中包含大量最初未填充数据的列定义,因为数据集太大.相反,当列可见性发生变化时,我会获得请求的列数据. 这会导致内置 csv 导出器出现问题.当有人选择“将所有数据导出为 csv"时,他们会得到许多空列. 我想要做的是将内置 csv 菜单项的默认行为更改为使用 uiGridExporterConstants.VISIBLE. 我打算像这样滚动我自己的菜单项
..
这是我的代码 var app = angular.module('app', ['ui.grid']);app.controller('TableCrtl', ['$scope', '$filter', function ($scope, $filter) {var myDummyData = [{name: "Moroni",address:"one", age: 50},{name: "
..
目标 我有一个 UI 网格.当我点击一行时,它应该被选中,并且应该调用一个将该行作为参数的函数. 目前的方法 我使用以下配置代码来生成网格: $scope.gridOptions = {启用过滤:真,enableRowHeaderSelection: 假,enableRowSelection: 真,多选:假,没有取消选择:真,onRegisterApi: 函数 (gridApi
..
如何在 angular ui-grid 单元格中添加图像. var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {$scope.gridOptions = {启用排序:
..
我有一个简单的控制器: angular.module('it.works', ['ngResource']).controller 'ItWorksCtrl', ($scope, Task) ->$scope.worksTable = {数据:Task.query(),列定义:[{ field: "created_at", cellFilter: "date:'dd.MM.yyyy'", dis
..
我有一个 ui-grid,我想通过单击任何行上的任何位置来选择行.我还想将单元格内容复制到剪贴板.我执行了以下代码,但是当 enableFullRowSelection 为 true 时,我无法通过鼠标拖动来选择单元格内容. 请参阅plunker.经过进一步调查,我发现 .ui-grid-disable-selection 类正在添加到我的网格中. 那么有人可以建议如何解决这个问题吗?
..