如何在ui.grid

时间:2017-07-20 17:22:48

标签: angularjs angular-ui-grid angular-bootstrap-toggle

我正在尝试将http://ziscloud.github.io/angular-bootstrap-toggle/http://ui-grid.info/一起使用。

我将列添加为:

{
    name: 'Status',
    field: 'active',
    width: 350,
    headerCellClass: 'grid-align-center',
    cellClass: 'grid-align-center',
    cellTemplate:
        '<toggle ng-model="ctrl.active" ng-change="grid.appScope.changed(ctrl.active)" on="Active" off="Inactive" ' +
            'onstyle="btn-success" offstyle="btn-danger" style="ios slow"></toggle>'
}

至gridoptions:

<div ui-grid="ctrl.gridOptions" class="grid" ui-grid-edit ui-grid-row-edit ui-grid-cellNav ui-grid-auto-resize></div>

我可以通过删除宽度来获取它的一个受损版本来触发changed():由bootstrap-toggle控件生成的toggle-group类的200%。没有ui网格,切换控制工作正常。我尝试了很多不同的方法而没有运气。我想知道是否有办法让这些合作?

0 个答案:

没有答案