如何将Angular ui-select结果绑定到ui-grid / ng-grid

时间:2014-11-21 12:36:24

标签: angularjs node.js pug angular-ui-grid ui-select

我想将ui-select结果绑定到ui-grid ...

$scope.gridOptions = {
      enableSorting: true,
      showFooter: true,
      columnDefs: [
        { field: 'name', name: 'Name' },
      ],
      data: 'multipleDemo.selected',
      onRegisterApi: function( gridApi ) {
        $scope.gridApi = gridApi;
      }  
    };


$scope.selectItem = function (item, model) {
  $scope.gridApi.core.notifyDataChange( $scope.gridApi.grid, uiGridConstants.dataChange.EDIT );
};

我的翡翠模板是这样的:

ui-select(theme='bootstrap', multiple='', ng-model='multipleDemo.selected', ng-disabled='disabled', close-on-select='false', on-select='selectItem()')
        ui-select-match(placeholder='select something...') {{$item.name}}
        ui-select-choices(repeat='f in data | filter: $select.search')
          div(ng-bind-html='f.name | highlight: $select.search')

#grid.grid(ui-grid="gridOptions")

修改

我解决了这个问题。 (我的控制器只在网格周围,而不是选择...)

1 个答案:

答案 0 :(得分:1)

你介意发布一个关于你的代码的plunker或小提琴吗?很难看到它,我正在使用类似的东西。干杯!

编辑:看看StackOverflow'ers,一个OP用一个有效的解决方案回答他自己的问题。一个真正罕见和雄伟的野兽见证。从他的评论:http://embed.plnkr.co/d37YrfRjE7YZPgwCncBE/preview