标签: angular-ui-grid

我在滚动一个angular-ui表时注意到一个奇怪的行为,让我们以http://ui-grid.info/上显示的表为例,这是正常表:

这是用鼠标滚动时侧滑的相同表格(仅当鼠标能够横向滚动时才会发生):

禁用滚动条似乎不起作用.有避免这种行为的解决方案吗？

我想单独ui-grid-menu-button从ui-grid-menu.所以我的选择列按钮将在另一个地方.我试着把手表放在toggleMenu函数上,点击我的按钮它应该触发并应该打开列表.我也尝试使用广播选项,但它不起作用.

最好的方法是什么？

我正在尝试使用服务器端排序,服务器端分页和服务器端过滤来实现角度网格.使用ui-grid(不稳定),我添加了ui.grid.paging并使所有内容都运行起来.非常好,对开发人员的称赞.

但是.... $ scope.gridApi.core.on.filterChanged正在为每个按下的键触发,因此当我在givenname列中搜索"Patrick"时,会触发七个事件并且七个get-requests命中我的服务器.更糟糕的是,因为它是一个很大的集合,我正在过滤,这个操作相当昂贵,结果我甚至相互超越,就像最特定的过滤器获得最快的结果,在处理不太具体的结果之前触发成功.

我想放慢速度,比如"进入后停火".我是javascript和REST的新手,这是我的第一个真实世界项目.我真的很感激如何处理这个问题的任何想法.这感觉就像一个常见的场景,因此可能会有一些我缺少的标准解决方案或最佳实践.

你的,帕特里克.

我正在使用Angular UI Grid,接下来是我的情况.我有100个项目,项目= [{},{},...,{}],我想在网格中显示所有这些项目,但我也希望同时在DOM中的每个项目100.这可能吗？

正如我所理解的,ui.grid只是根据视口高度和每行的高度向DOM添加必要数量的div.我的意思是ui.grid只是在DOM中保留一些必要的div来填充网格区域.

我需要的是每个项目的一个div,而我在滚动时没有DOM的变化.

提前致谢!

我在这里错过了什么？网格呈现没有错误,空白行......我检查了JSON到目前为止很好看$scope.gridOptions.data = response['data'];它似乎渲染空数组并且永远不会得到实际数据...

  app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
        $scope.myData = [];
        $scope.loading = true;

        $scope.gridOptions = {
            enableSorting: true,
            columnDefs: [
              { name: 'Id', field: 'PK_Inspection' },
              { name: 'Employee Id', field: 'EmployeeId' },
              { name: 'Employee Name', field: 'EmployeeName' },
              { name: 'Equipment Id', field: 'EquipmentId' },
              { name: 'Equipment Name', field: 'EquipmentName' },
              { name: 'Sequence', field: 'SequenceName' },
              { name: 'Details', field: 'SequenceDetails' },
              { name: 'Type', field: 'SequenceTypeName' },
              { name: 'Shift', …

我在我的应用程序中使用Angular UI Grid.我将enableFiltering要true在其中做了一些滤盒出现我上面列的选项.这很好,但过滤器不能完全按照要求工作.

如果单元格包含文本"我喜欢披萨"并且我输入"我喜欢",则该单元格的行显示为匹配.我也认为如果我输入"披萨","我喜欢披萨"的细胞/行应该出现,但事实并非如此.

如何让过滤器允许在文本中的任何位置进行搜索,而不仅仅是从头开始？

我有一个使用最新版本(3.0.0-rc22)的ui-grid.在我的列定义中,我设置了一个cellTemplate以允许链接到不同的路径.不幸的是,无论我为cellTooltip设置什么,只要我有一个cellTemplate,工具提示就不会显示出来.如果我删除了cellTemplate,那么tootlips就会完美呈现.

这是我正在做的事情:

colDefs: [
    {
    field: 'site_name',
    displayName: 'Site Name', 
    cellTooltip: function (row, col) {return row.entity.site_name}, 
    filter: { condition: uiGridConstants.filter.CONTAINS }, 
    cellTemplate: siteNameLink, 
    width: '25%'
    },{ ... }
]

我知道只是做的cellTooltip: true不行,因为cellTemplate中有HTML,但我应该能够使用函数指定自定义工具提示row.entity.site_name,但这也不起作用.

我甚至尝试了一个愚蠢的cellTooltip函数,如:

function (row, col) { return 'test' }

并且没有出现工具提示.有什么东西我现在缺少或者这只是ui-grid中缺少的功能吗？

我想在启用分页功能时从ui网格中获取过滤数据.一般情况下我用过

 $scope.gridApi.core.on.filterChanged($scope, function () {

                if ($scope.gridApi.grid.columns[1].filter.term != "" && $scope.gridApi.grid.columns[1].filter.term != undefined) {
                    var dd =$scope.gridApi.core.getVisibleRows($scope.gridApi.grid);
                    console.log(dd);
            });

但是当启用分页时,代码不能很好地工作,它只返回第一页的行.但我需要所有过滤后的数据.

最简单的解决方案是基于过滤器术语过滤数据源,但它会显着降低性能.

任何建议？

在加载Ui-Grid In IE时抛出错误信息 -

[true]  [SYSERR] Multiple definitions of a property not allowed in strict mode [object Object]

问题仅出现在IE中,不会在FireFox和Chrome中引发任何错误.在IE Version-11上测试过.

提前致谢.

我有一个简单的UI网格,包含以下选项:

$scope.transactionGrid = {
    enableSorting : true,
    enableColumnResize : true,
    enableScrollbars : true,
    enablePaginationControls : false,
    minRowsToShow : 6,
    onRegisterApi : function(gridApi) {
        $scope.gridEventsApi = gridApi;
    }
};

我想隐藏具有特定值的行deleted: "y".

$scope.transactionGrid.data = [
    { Name: "First", deleted: "y" },
    { Name: "Second", deleted: "y" },
    { Name: "Third", deleted: "n" },
    { Name: "Fourth", deleted: "n" }
];

如果没有实际更改数据,是否可以从行中过滤掉？