angular-ui-grid相关内容

如何访问angular-ui-grid cellFilter中的整行数据

我想执行一个 cellFilter 来以编程方式定义需要在单元格中显示的内容.在定义列定义时,您需要指定单元格对应的字段,但是我需要访问 cellFilter 中的整行数据,而不仅仅是单个字段.是否可以将多个字段或整行传递给过滤器? {name: '到',字段:'我的数据',单元格过滤器:'formatCaller'} 谢谢. 解决方案 是的,将 this 作为参数传递给过滤器会发送当 ..
发布时间:2021-11-10 04:19:41 其他开发

UI 网格 CSS 不起作用

我尝试使用 UI 网格(ngGrid 的最新版本)创建网格,该网格是不稳定版本并已集成到我当前的项目中. 它没有根据需要正确显示(图标角度向下和行选择的图标)在项目中包含 CSS 文件(通过下载文件并上传)时,它给了我如下所示的显示错误. 但是,如果我直接在我的项目中提供 CSS 文件的网址...它显示正确. //网址: ..
发布时间:2021-11-10 04:19:38 前端开发

angularjs-ui-grid 滚动到列表底部后有额外的空白

当我的 ui-grid 中有足够多的行进行滚动时,出于某种原因,列表底部似乎有很多空白. 我已经把它固定在这段代码上(我认为?): styles['margin-top'] = hiddenRowWidth + 'px'; ui-grid.js 第 3038 行 不知道为什么它在底部添加了这么多的空白.有任何想法吗?我在想这是因为我的容器是 100% 的高度,但即使使用特定 ..
发布时间:2021-11-10 04:19:35 前端开发

UI-GRID - 动态行高 - 替代方案

我试图让一个单元格动态扩展它的高度. 有没有办法在渲染后调整行(GridRow)的高度? 如果没有,那么我会尝试在网格中使用可扩展的网格或树. 是否可以在特定单元格/列之外显示可扩展网格? 目前我看到所有占据父级下方整行的可扩展网格/树形网格. 谢谢 解决方案 您可以在此处查看同一问题的答案:https://github.com/angular-ui/ng-g ..
发布时间:2021-11-10 04:19:32 其他开发

Angular ui-grid 表格、客户端分页和滚动

我正在尝试将一个小项目从 jquery 移植到 angularjs.我使用 DataTables 来绘制从我的虚拟机接收到的诊断数据,这是一个例子: DataTables 可以轻松地对数据进行分页,这样做的好处是导航时不会捕获鼠标滚动,当您的页面包含大量表格时,这是最佳解决方案.我现在正在尝试使用 angular-ui 中的 ui-grid 做同样的事情,但是 ng-grid 中存在的分页选 ..
发布时间:2021-11-10 04:19:29 其他开发

Angular ui grid双击事件设置

所以我试图让我的 Angular UI Grid 在整行上注册一个双击事件来打开一个模式.我可以从吐司吐司开始,然后从那里开始.这是我根据各种在线演示和示例得出的最接近的结果,但我似乎无法让它发挥作用. 控制器: $scope.gridHandlers = {onDblClick:函数(rowItem){toastr.success(rowItem, 'Row Item:')}}$scop ..
发布时间:2021-11-10 04:19:27 其他开发

外部 ui-grid-menu-button

我想将 ui-grid-menu-button 与 ui-grid-menu 分开.所以我的选择列按钮将在另一个地方.我试图将手表放在 toggleMenu 功能上,然后单击我的按钮,它应该会触发并打开列表.我也尝试使用广播选项,但它不起作用. 最好的方法是什么? 解决方案 我在这里回答了同样的问题.感谢 @pilar1347 的提示,我的解决方案不那么笨拙. ..
发布时间:2021-11-10 04:19:21 前端开发

如何使 Angular ui 网格最初扩展所有行?

我正在使用 ui grid 来显示数据列表,并且我试图最初展开所有行. 我试图在 onRegisterApi 事件中执行此操作: scope.GridOptions ={数据:属性,列定义:[{名称:“完整地址",字段:“完整地址"},{名称:“郊区",字段:“郊区"},{名称:“属性类型",字段:“属性类型"},{ name: "Price", field: "Price", cellF ..
发布时间:2021-11-10 04:19:15 其他开发

隐藏水平滚动条(Angular ui-grid)

我试图隐藏 Angular ui-grid 的水平滚动条,但我找不到正确的属性.(属性 enableScrollbars=false 删除了两者.) 是否可以只删除水平滚动条? 解决方案 使用 Github v3.0.0-rc.16 上的最新版本,您可以分别禁用水平和垂直滚动条.而不是 enableScrollbars = false; 使用 enableHorizo​​ntalS ..
发布时间:2021-11-10 04:19:10 其他开发

让 Bootstrap DateRangePicker 在 filterHeaderTemplate 和 UI-Grid 中的 Modal 弹出窗口中工作的问题

我正在尝试在 Angular UI-Grid 的过滤器标头模板中添加引导 DateRangePicker.我可以看到模板工作正常,因为它显示了 Bootstrap 图标.我不想使用原生角度类型:'date'.我想使用引导日期选择器.我有一个 Plunker 作为进一步的例子,它显示了本机日期选择器工作和 Bootstrap 日期选择器按钮可点击但不显示任何内容. 我拥有显示此内容所需的所有内 ..

Angular ui 网格,更改“将所有数据导出为 csv"的行为;

我有一个 uigrid,其中包含大量最初未填充数据的列定义,因为数据集太大.相反,当列可见性发生变化时,我会获得请求的列数据. 这会导致内置 csv 导出器出现问题.当有人选择“将所有数据导出为 csv"时,他们会得到许多空列. 我想要做的是将内置 csv 菜单项的默认行为更改为使用 uiGridExporterConstants.VISIBLE. 我打算像这样滚动我自己的菜单项 ..
发布时间:2021-11-10 04:19:04 前端开发

Angular UI Grid - 单击选定行上的事件

目标 我有一个 UI 网格.当我点击一行时,它应该被选中,并且应该调用一个将该行作为参数的函数. 目前的方法 我使用以下配置代码来生成网格: $scope.gridOptions = {启用过滤:真,enableRowHeaderSelection: 假,enableRowSelection: 真,多选:假,没有取消选择:真,onRegisterApi: 函数 (gridApi ..
发布时间:2021-11-10 04:18:56 前端开发

Angular ui-grid 无法复制单元格文本

我有一个 ui-grid,我想通过单击任何行上的任何位置来选择行.我还想将单元格内容复制到剪贴板.我执行了以下代码,但是当 enableFullRowSelection 为 true 时,我无法通过鼠标拖动来选择单元格内容. 请参阅plunker.经过进一步调查,我发现 .ui-grid-disable-selection 类正在添加到我的网格中. 那么有人可以建议如何解决这个问题吗? ..
发布时间:2021-11-10 04:18:47 前端开发