标签: angular-ui-grid

点击时的ng-grid/ui-grid celltemplate会导致选择行.

当我使用celltemplate进行ahref链接时,一旦链接被点击,该行突出显示,因为我已启用RowSelection ...但我不希望在单击链接时突出​​显示该行...仅在链接点击任何地方时才会点击该行.

另外在我的下面的示例图片中,如何删除小箭头,以便不能为该列显示Menuitems?

码:

$scope.gridOptions = { 
    showFooter: true,
    enableFiltering: true,
    enableRowSelection: true,
    enableRowHeaderSelection: false,
    enableSelectAll: true,
    multiSelect: true,
    enableColumnResizing: true,
    columnDefs: [
    { field:'date', displayName: 'Date', width: 200, aggregationType: uiGridConstants.aggregationTypes.count  },
    { field:'notes', displayName: 'Notes', width: 65, enableFiltering: false, enableSorting: false, enableHiding: false, cellTemplate:'<a href="#" ng-click="getExternalScopes().showMe(row.entity[col.field])">View</a>' }
    ],
    data: data
}
Run Code Online (Sandbox Code Playgroud)

图: 在此输入图像描述

ng-grid angular-ui-grid

3
推荐指数
1
解决办法
7001
查看次数

angular-ui-grid 3.0.0-rc.16错误:gridApi.pagination.on未定义

当我 从angular-ui-grid网站上关注分页教程时.

页面编译时,此代码给出错误:gridApi.pagination.on.paginationChanged($ scope,function(newPage,pageSize){paginationOptions.pageNumber = newPage; paginationOptions.pageSize = pageSize; getPage(newPage -1,pageSize);} );

"错误:gridApi.pagination.on未定义

我正在使用angularjs angular#1.3.11和ui-grid 3.0.0-rc.16

angularjs angular-ui-grid

3
推荐指数
1
解决办法
2273
查看次数

在角度ui-grid中检测单元格编辑

我尝试检测单元格编辑,但以下代码未获取事件。我使用“名称”:“ angular-ui-grid”,“版本”:“ 3.0.0-rc.14”,是否必须定义一些配置来获取事件?

$scope.$on('ngGridEventEndCellEdit', function(data) {
Run Code Online (Sandbox Code Playgroud)

angular-ui-grid

3
推荐指数
2
解决办法
1万
查看次数

3
推荐指数
1
解决办法
3633
查看次数

需要Angularjs Ui网格分组格式

我正在使用Angularjs ui网格分组功能.请参阅图像,当显示组总和时,默认情况下显示为"总计:"但我想将其更改为"总计"(大写"T"),并且我还想将聚合总计限制为2个十进制数.我需要更改设置的位置?

以下是我对Ui Grid的colDef:

angular.forEach(columns, function(value, key) {
        columnDefs.push({
            name: key,
            displayName: value,
            enableCellEdit: false,
            aggregationType: uiGridConstants.aggregationTypes.sum,
            width: '8%'
        })
    });
Run Code Online (Sandbox Code Playgroud)

uiGridGrouping

angularjs angular-ui angularjs-directive angular-ui-bootstrap angular-ui-grid

3
推荐指数
1
解决办法
1785
查看次数

UI-GRID可扩展网格.以编程方式扩展一行

我想隐藏最左列中的+图标并添加另一个图标.

当用户单击新图标时,我想以编程方式扩展该特定行.

我看到有gridApi.expandable.expandAllRows();

有没有办法扩展一行?

angular-ui-grid

3
推荐指数
1
解决办法
5869
查看次数

如何在可扩展行模板中访问ui网格行数据?

我正在尝试使用自定义的可扩展模板实现可扩展的ui网格.如何访问模板中的行数据?

在控制器中,我定义了这样的网格选项:

            scope.GridOptions =
            {
                data: customers,
                columnDefs:
                [
                    { name: "FirstName", field: "FirstName", width: 130 },
                    { name: "LastName", field: "LastName", width: 130 }
                ],
                expandableRowTemplate: 'CustomerDetails.html',
                expandableRowHeight: 150
            };
Run Code Online (Sandbox Code Playgroud)

模板如下:

<div class="row">
    <div class="col-md-2">
        {{FirstName}} {{LastName}}
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢!

angularjs angular-ui-grid

3
推荐指数
1
解决办法
3584
查看次数

UI GRID - 自定义单元格模板代码分离

我正在尝试使用UI-GRID中的cellTemplates自定义单元格.为此,我在.js文件中定义模板,如下所示:

var template1 = '<div class="div1">{{COL_FIELD}}</div>';

var template2 = '<div class="div2">{{COL_FIELD}}</div>';

var template3 = '<div class="div3">{{COL_FIELD}}</div>';
Run Code Online (Sandbox Code Playgroud)

我想将HTML代码与.js文件分开.有没有办法在一些.html文件中单独定义这些模板,并在.js文件中使用它们.?

请帮忙.

html javascript angularjs ng-grid angular-ui-grid

3
推荐指数
1
解决办法
2212
查看次数

如何从ui-grid cellTemplate访问控制器功能

我在cellTemplate中有一个链接,当用户点击链接时我需要调用一个在控制器中的函数,我需要将点击的行项目传递给函数.

angularjs angular-ui-grid

3
推荐指数
2
解决办法
3381
查看次数

AngularJS:ui-grid字段,包含两个字段的串联

我需要一个ui-grid中的列,它是两个字段的串联,比如'name'和'address'.我怎样才能做到这一点?

angularjs angular-ui-grid

3
推荐指数
1
解决办法
3283
查看次数