我正在使用角度ui.grid我的问题是当我使用下面的单击它所选择的行时
enableRowSelection: true,
enableRowHeaderSelection: false,
multiSelect: false
Run Code Online (Sandbox Code Playgroud)
我换了之后
enableRowSelection: true,
enableRowHeaderSelection: true,
multiSelect: false
Run Code Online (Sandbox Code Playgroud)
现在只选择复选框工作,但没有工作点击行请帮助...
这是我的代码
var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.pagination']);
app.controller('MainCtrl', [
'$scope', '$http', 'uiGridConstants', function($scope, $http, uiGridConstants) {
var paginationOptions = {
pageNumber: 1,
pageSize: 25,
sort: null
};
$scope.gridOptions = {
paginationPageSizes: [25, 50, 75],
paginationPageSize: 25,
useExternalPagination: true,
useExternalSorting: true,
columnDefs: [
{ name: 'name' },
{ name: 'gender', enableSorting: false },
{ name: 'company', enableSorting: false }
],
onRegisterApi: function(gridApi) {
$scope.gridApi = gridApi;
$scope.gridApi.core.on.sortChanged($scope, function(grid, sortColumns) {
if (sortColumns.length == 0) {
paginationOptions.sort = null;
} else …Run Code Online (Sandbox Code Playgroud)我头疼了!这似乎是一个相当简单的问题......我正在使用ui-grid角度控件,我试图在cellTemplate中使用自定义指令.我可以成功地在那里得到它,但问题是我无法正确绑定到指令.我可以绑定属性,但不能绑定父级的函数.当我尝试访问已绑定的父函数时,我得到一个未定义的对象错误.
据我所知,我正确设置了绑定和单元格模板:
//in columndefs:
{
name: 'item', displayName: 'Status',
width: 200, cellTemplate: '<dropdowncss item="row.entity[col.field]" do-drop="dropdowncombo"></dropdowncss>'
},
//directive declaration:
app.directive('dropdowncss', function () {
return {
restrict: 'E',
scope:
{
item: '=',
doDrop: '&'
},
controller: 'DropDownCSSCtrl',
templateUrl: 'dropdowncss.html'
};
Run Code Online (Sandbox Code Playgroud)
当您单击其中一个彩色下拉菜单时,它应提醒"成功"请在此处查看简单的plunker:
http://plnkr.co/edit/HuuxxgV1GoWzfWlUvafw?p=preview
任何帮助,将不胜感激.谢谢!
我正在将ui-grid从v3.0.0-RC.18升级到v3.0.0-rc.20-76029e7,突然外部作用域属性停止工作.它有什么替代品?
我正在使用ui-grid版本v3.0.0-rc.21-1d9f81f - 2015-05-01并尝试根据给定的列名对给定的网格进行排序.我不能在外部(从javascript代码)对它进行排序,只能通过定义它并单击网格的标题.
在这个版本中是否可以通过javascript代码根据网格的列名对网格数据进行排序?
我在尝试使用scrollToFocus方法将焦点设置在网格的第一行时遇到问题。
问题似乎集中在排序方向上:
sort: {
direction: uiGridConstants.DESC
}
Run Code Online (Sandbox Code Playgroud)
如果我不这样做,那么它会按预期工作。我只能假设行号是数据在排序之前的行,并且不考虑任何“后”排序。
这是问题的一个示例:http : //plnkr.co/edit/beWci0?p=preview
您会看到,单击以选择第一行时,它实际上会转到另一行-网格绑定到的数据集中的第一行。
关于如何根据排序结果考虑行位置的任何想法?
它是从这里整理示例的地方整理而来的:http : //ui-grid.info/docs/#/tutorial/202_cellnav
我正在使用ui-grid-v3.0.0-rc.22-2015-06-15。
它配置为使用外部排序,效果很好。
现在,我需要使用选择框从外部更改已排序的列。选择框的每次更改都会触发外部排序,并且网格中的数据会正确更新。它还更新了gridOptions.columnDefs:将除正确列之外的所有列的排序对象设置为undefined,并更新已排序的列。
但是有一个问题,当前排序的列指示符(在列标题中)没有得到应有的更新。
我尝试使用带有“ options”或“ column”作为参数值的gridApi.core.notifyDataChange(),但是它也不起作用。如何以编程方式更新ui-grid中的排序指标?
这是由选择框触发的部分代码:
function updateSortColumn() {
if ($rootScope.QuickSearch.sortBy !== undefined) {
$scope.gridOptions.columnDefs.forEach(function (col) {
if (col.field === $rootScope.QuickSearch.sortBy) {
col.sort = {
direction: $rootScope.QuickSearch.sortOrder,
priority: 0
};
}
else
{
col.sort = undefined;
}
});
}
if($scope.gridApi !== undefined)
{
$scope.gridApi.core.notifyDataChange( uiGridConstants.dataChange.OPTIONS );
$scope.gridApi.core.notifyDataChange( uiGridConstants.dataChange.COLUMN );
}
}
Run Code Online (Sandbox Code Playgroud) 我们在out project项目中使用Angular UI Grid.我需要将当前日期放在文件名中并导出CSV数据.我现在在"导出"按钮上执行的操作点击:
$scope.exportCSV = function () {
$scope.gridOptions.exporterCsvFilename = getDate() + ".csv";
$scope.gridApi.exporter.csvExport("all", "visible");
};
Run Code Online (Sandbox Code Playgroud)
问题是文件名只配置一次,在下次点击时不会改变.如何重新设置文件名?
我想知道你是否有任何将图形注入ui-grid的经验.我正在做的是,我有一行定义如下:
{ name:'Column Name', cellTemplate: '<spark-line-chart values="grid.appScope.valuesStacked"></spark-line-chart>'}
Run Code Online (Sandbox Code Playgroud)
Spark-line-chart指令负责创建D3图表(实际上,nvd3是精确的).这会创建svg图.
现在,每次我尝试对表进行排序时,除了图表之外,表中的所有值都会被排序.到目前为止,我正在模拟数据,并为所有图形使用一个值数组.
任何人都有类似的问题,并知道这个问题的答案?