标签: ng-grid

我能够检测到单个按键，但是当我一次按下 3 个键时，它不会触发该事件。下面是我的代码。当我按下delete按钮时，它会检测到但当我点击Ctrl+ Alt+ 时O，它不会触发事件。

我正在尝试修改ng-grid单元格值，一旦它被修改，我想在按下这三个键时恢复以前的值。

$scope.pressedKey = function (keyObj) {
    if (keyObj.key.toLowerCase() == "delete") {
        console.log("Delete key press  Detected");
    }
    if (keyObj.key.toLowerCase() == "control" && keyObj.key.toLowerCase() == "alt" && keyObj.key.toLowerCase() == "o")
    {
        console.log("Ctrl Alt O key press Detected");
    }
};

$scope.ng_grid_column_defs =
[
    {
        field: "A",
        displayName: "A",
        width: "**"
    },
    {
        field: "B",
        displayName: "B",
        width: "*"
    },
    {
        field: "C",
        displayName: "C",
        width: "***"
    }
];

$scope.my_ng_grid …

我试图以编程方式更新Angular网格ng-grid上的gridOptions.sortInfo,但我无法让它工作.

我有"名字"和"年龄"栏目.我最初在"名称"列上设置排序,但是想加载一些新数据然后更新它以对"年龄"进行排序.(以编程方式,而不仅仅是单击列标题).

我可以将$ scope.gridOptions.sortInfo设置为新值,但网格不会反映这一点.更新gridOptions.sortInfo的正确方法是什么？

请看看plunker:

http://plnkr.co/edit/JBYnrwLAIwFSKS6uSAND?p=preview

编辑:请注意我希望能够更新排序方向,即升序/降序以及要排序的实际列.

非常感谢

我正在尝试editableCellTemplate在ng-grid中设置ColumnDef选项(此处记录).

当我设置它时,即使是默认值<input ng-class="'colt' + col.index" ng-input="COL_FIELD" />,单击一个单元格会立即显示错误

错误:没有控制器:ngModel处getControllers(错误()http://foo.com:43037/Scripts/angular.js:4232:19在nodeLinkFn)(http://foo.com:43037/Scripts/angular. js:4361:35)在compositeLinkFn(http://foo.com:43037/Scripts/angular.js:3969:15)的compositeLinkFn(http://foo.com:43037/Scripts/angular.js:3972: 13)at object的publicLinkFn(http://foo.com:43037/Scripts/angular.js:3874:30).(http://foo.com:43037/Scripts/ng-grid-2.0.7.js:2660:13)在Object.Scope的Object.applyFunction [as fn](​​:778:50).$ digest(http ://foo.com:43037/Scripts/angular.js:7896:27)at Object.$ delegate.proto.$ digest(:844:31)<input ng-class ="'colt'+ col.index"ng-input ="row.entity.Name">

如果我没有设置editableCellTemplate,编辑单元格就可以了.

$scope.gridOptions = {
    data: 'people',
    enableCellSelection: true,
    enableRowSelection: false,
    enableCellEdit: true,
    columnDefs:
    [
        { field: 'Id', displayName: 'ID', enableCellEdit: false },
        { field: 'Name', enableCellEdit: true, 
          editableCellTemplate: '<input ng-class="\'colt\' + col.index" ng-input="COL_FIELD" />' }
    ] …

我们有一个ng-grid,显示从休息服务中检索到的数据.我想将用户选择的行(启用了ng-grid selection复选框)导出到excel并打开该excel.应用程序的当前行为是导出到excel按钮,使用ng-grid中的选定项目调用休息服务,并使用POI将数据放入excel并返回excel.

有一个更好的方法吗？数据已经在浏览器中,是否有任何angularjs,jQuery或javascript函数来执行此操作？

我想在从数据库返回的值之后动态地分配ng-grid列名,但问题是它在从ajax返回数据之前被初始化,并且我无法调用gridOption所以它显示balnk,所以请帮助我,我们怎么能通过ajax返回值构造列名.

$scope.gridOptions =
        {
            data: 'data.Values',
            columnDefs:
            [
                    { field: "ID", displayName: "Record Id" },
                    { field: "Value", displayName: $scope.ColumnName, cellFilter: cellfilterType },                       
        ],

        };

其中,$scope.ColumnName从下面一行来了...

 RecordService.getRecords().then(function (data) {  
  $scope.ColumnName=  data.something;
 }  

谢谢

道歉令人困惑的标题.所以,我必须多选+ NG网工作在这里.

对于那些不确定主/细节范例是什么的人.我从网格中选择一行并以某种方式显示其所有属性,以便从我的网格中查看行的完整视图(主要在网格内部,详细信息是对象属性)

我想让它做类似的事情

但我似乎无法弄清楚如何让这种类型的细节视图发生.我认为我需要一些类型emit/broadcast/on的事件集.那么问题是如何在angularjs + ng-grid中使用模态和多个选项来执行主/详细视图？

这是plnkr代码.我想为属性为true的age所有行更改单元格的颜色alert.我不知道该怎么做.我没有单独的警报列.

当我使用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
}

图:

我有一个关于ng-grid的标题单元格中的自动换行的问题.我试过添加

word-wrap: break-word !important; 

到自定义标题单元格模板(作为ngCellText div上的样式属性),在我为列定义的cellClass和headerClass的css中,并尝试使headerRowHeight更高以适应自动换行.但是,它似乎不起作用,因为当列不够宽以适合整个文本时,标题单元格文本仍然具有省略号(...).有什么建议？

我必须显示两种类型的gridOptions而不使用两个网格尝试动态更改gridOptions不工作(一次工作).

工作示例http://plnkr.co/edit/4QKGIB?p=preview.

$scope.grid1=function(){
   $scope.gridOptions = $scope.gridOptions1;
   $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
 }
 $scope.grid2=function(){
   $scope.gridOptions = $scope.gridOptions2;
   $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
 }