网格UI复选框

时间:2019-01-30 17:04:03

标签: angular angular-ui-grid

给了我一个可以在Angular中工作的项目,但从未使用过此框架。我的任务是将ui网格中的以下代码从下拉列表(选项为True / False)更改为复选框。

我一直在做一些研究,发现我必须创建自己的模板才能创建复选框单元,因为UI网格中没有复选框。 (如果我错了,请在那纠正我)

以下是作为下拉列表提供的代码:

                {
                name: 'status.openForProposal', displayName: 'Proposable', minWidth: 100, editableCellTemplate: 'ui-grid/dropdownEditor', width: '20%',
                editDropdownValueLabel: 'proposable', editDropdownOptionsArray: [
                    { id: true, viewable: true },
                    { id: false, viewable: false }
                ]
            }

这是到目前为止,我可以将其更改为复选框:

                {
                name: 'status.openForProposal', displayName: 'Proposable', minWidth: 100, cellTemplate:'<input type="checkbox"ng-true-value="true" ng-false-value="false" ng-model="status.openForProposal" >', width: '20%'
            }

这将下拉菜单更改为一个复选框,但是,当我单击该复选框时,所做的更改不会反映到数据库中(使用下拉菜单时会反映更改)。

任何关于我要在数据库中反映出的更改所缺少的内容的指针,将不胜感激。如果我需要提供更多信息,请告诉我,以便我可以相应地更新该帖子。

谢谢您的时间。

0 个答案:

没有答案