angular-ui-grid相关内容

从 Angular UI-Grid TreeView 中删除额外的图标列

我想删除用于展开和折叠的额外图标列,并将其与我的主树库列合并.Plunkr 源 在以下链接中,您可以看到在树视图中,它为展开和折叠创建了额外的列,但我想将其与我的第一列(名称)合并,并且我还想更改图标.请帮助我,我怎样才能做到这一点. onRegisterApi: 函数( gridApi ) {$scope.gridApi = gridApi;$scope.gridApi.treeBase ..
发布时间:2021-11-10 04:17:43 其他开发

角度 ui-grid 线选择不起作用

我正在尝试使用 Angular ui-grid 选择第一条渲染线,但它不起作用.这是一个带有示例的 plunker.我能够在从服务器渲染数据后使用超时来完成它,但不能使用 $scope.gridApi.grid.modifyRows($scope.gridOptions.data);$scope.gridApi.selection.selectRow($scope.gridOptions.data ..
发布时间:2021-11-10 04:17:40 其他开发

动态更改 gridOptions columnDefs

在下面的 plunkr 中,我希望通过 ajax 调用动态填充性别下拉过滤器,但它似乎不起作用. plunkr 链接 如果我注释掉第 17 行 $scope.newSelectOptions=[{"value":"New Item 1","label":"New Item 1"},{"value":"New Item 2","label":"新建项目 2"},{"value":"新建 ..
发布时间:2021-11-10 04:17:25 其他开发

在 AngularStrap 选项卡中未正确显示活动选项卡标题

我有四个标签使用最新的 AngularStrap 标签,每个标签都有一个关闭按钮,每个标签窗格使用最新的 ui-grid. 预期结果:关闭第二个选项卡,然后显示第三个活动tab,可以正确显示第三个选项卡标题和选项卡窗格. 但实际结果是:关闭第二个选项卡,然后显示第三个选项卡窗格正确,第三个活动选项卡标题无法显示正确,它会显示第四个活动选项卡标题. html 代码: ..
发布时间:2021-11-10 04:17:19 其他开发

自定义单元格模板中带有按钮的 UI-Grid - 如何取消行选择事件?

我使用的是 ui-Grid v 3.0.1. 我有一个特定列的自定义单元格模板,每行显示一个按钮.我附加了一个 ng-click 属性,它调用 appScope 来触发某些操作. 一切都很好. 但是,点击自定义模板按钮也会导致相关行的选择被切换. 我需要防止这种情况发生. 即单击自定义模板按钮应保持当前行的选择状态不变. 我怀疑我需要以某种方式取消行选择事件. ..
发布时间:2021-11-10 04:17:16 其他开发

如何从 $http 请求中获取数据以显示在 angular ui.grid 中

我正在使用 Typescript 和 AngularJS.我有一个包含 ui.grid 指令的模板. 显示网格,稍后 $http 请求获取我希望网格包含的数据. 我尝试将 gridOptions.data 设置为数组,并在 $http 调用的成功函数中将用于 gridOptions.data 的数组设置为返回的数据. 网格不显示任何内容. 有什么想法吗? 我将把 Ro ..
发布时间:2021-11-10 04:17:14 其他开发

如何将 ui-grid 字体文件包含到项目中

我一直坚持使用 anjularjs ui-grid,它显示一些中文符号来代替图标.在深入研究之后,我知道我必须使用 ui-grid 团队提供的一些字体文件,我下载了这些文件并将它们包含在我的项目中,但仍然没有获得正确的图标图像和字体,如何包含这些文件进入项目? 这些是我下载并包含在我的项目中的文件名: 1 ui-grid.eot2 ui-grid.svg3 ui-grid.ttf4 ui- ..
发布时间:2021-11-10 04:17:11 其他开发

在 ui-grid editableCellTemplate [ng-grid 3.x] 中使用 ng-option 下拉菜单

我正在使用 ng-grid 的新 3.0 版本ui-grid在我的应用程序中制作网格.我想要做的是使我的表格中的一个可编辑单元格成为 ng-options 下拉列表,其中填充了使用 angular factory 检索到的数据. 我正在尝试使用 editableCellTemplate 功能用户界面网格. 这是一些示例代码: HTML: 控制器: $scope.grid ..
发布时间:2021-11-10 04:17:08 前端开发

Angular UI Grid:如何为列过滤创建预填充的下拉菜单

我正在寻找有关 Angular UI 网格的一项功能的帮助.具体来说,我正在探索过滤能够在我的应用程序中使用自由格式文本字段成功实现排序,就像它们在 他们网站上的示例 我需要一些帮助,找到一种方法来代替对某些列使用预先填充的下拉菜单进行排序. 澄清:预填充是指我希望通过我的代码填充下拉列表.如果解决方案包含硬编码数据,我没问题,但我的最终目标是让预填充包含正在排序的列的唯一数据值集:) ..
发布时间:2021-11-10 04:17:05 其他开发

如何更改ui-grid行的高度?

我正在使用 ui-grid.我有很多行,这就是我使用滚动的原因.一切正常,直到我尝试更改行的高度.然后滚动变得一团糟.我在这里添加了一个例子 http://plnkr.co/edit/S6ylwOVgcQp7CSsZZxpR?p=preview这是来自 ui-grid 网站的教程之一 - 我唯一改变的是 CSS.我已经添加了这些规则. .ui-grid-cell-contents {填充:1px ..
发布时间:2021-11-10 04:17:02 前端开发

将 ui-grid 网格列格式化为货币 (RC 3.0)

下面的网格选项按预期显示数据.但是,如果我尝试格式化 cellTemplate 中的 row.entity[col.field] 值,则不会返回任何数据. 代码: $scope.gridOptions = {启用排序:真,列定义:[{name: '奖项名称', 字段: 'projectTitle', minWidth: 100 },{name: 'Amount', field: 'awar ..
发布时间:2021-11-10 04:16:59 其他开发

Angular UI Grid 单击行

我在 Angular UI 网格中有一个项目列表.当我单击一行时,我想被带到不同的页面.(换句话说,网格中的每一行都是一个链接.) 我想这一定是一个非常普遍的愿望,尽管我还没有真正看到任何关于如何做到这一点的文档.实现这一目标的好方法是什么? 解决方案 我自己想出了答案.这是我的控制器 (ES6): 'use strict';类跟踪记录Ctrl {构造函数($scope){//包含 ..
发布时间:2021-11-10 04:16:56 其他开发

单元格标题中的 Angular ui-grid 事件未触发

我在 ui-grid 的 columDefs 中使用了 headerCellTemplate(不是 ng-grid,而是新的重写).在 html 中,我有一个复选框.本质上,我试图在所有复选框的列的标题中添加一个复选框,以便我可以选中全部/无.单元格使用复选框呈现良好.问题是标题中复选框中的 ng-change 永远不会触发该事件.此外,ng-model 值永远不会改变.查看代码,使用了一个名为 ..
发布时间:2021-11-10 04:16:48 其他开发

Ng-grid 与 ui-grid

我查看了 angular-ui 模块,因为我需要实现一个网格. 我看到有稳定版的 ng-grid 和不稳定版的 ui-grid. 我应该使用哪个版本? 它们是非常不同还是难以切换? 解决方案 github repo 说所有的开发都将在 ui-grid (ng-grid 3) 上进行.这意味着 ng-grid 已成为传统网格.在我看来,ui-grid 足够稳定,使用 ng-gr ..
发布时间:2021-11-10 04:16:45 其他开发