大家早上好! 我正在使用 Angular ui-Grid。最后一个字段应该包含 3 个单选按钮,用户可以在每行中选择这些按钮。所有的默认值都应该是 Value=0。问题是我只能在整个网格中选择 1 个单选按钮,而不是每行一个。我相信应该有办法做到这一点,但我一直无法弄清楚或在网上找到任何此类示例。这是我的网格的图片,它可能有助于更好地了解我要完成的工作:
最终,数据将来自对我们的 Web Api 的调用,但目前我正在用虚假数据填充网格。这是我的 Controller 代码:
$scope.gridOptions = {};
$scope.gridOptions = {
columnDefs: [
{
name: 'CompanyID', width: '200'
},
{
name: 'CompanyName', width: '200',
},
{ name: 'City', width: '200' },
{ name: 'State', width: '150' },
{ name: 'Subscription', width: '150' },
{
name: 'ReleaseAction', width: '350',
cellTemplate: '<div ng-init="releaseAction=0"><input name="Release" ng-model="releaseAction" type="radio" value="0" style="width:20px"> None <input name="Release" type="radio" ng-model="releaseAction" value="1" style="width:20px"> Accept <input name="Release" type="radio" ng-model="releaseAction" value="2" style="width:20px"> Decline</div>'
},
]
};
var gridData = [
{
CompanyID: 1,
CompanyName: 'Tanner & Associates',
City: 'Houston',
State: 'TX',
Subscription: 'Expired',
//ReleaseAction: 0
},
{
CompanyID: 2,
CompanyName: 'Total Energy Services',
City: 'Conroe',
State: 'TX',
Subscription: 'Active'
},
{
CompanyID: 3,
CompanyName: 'SPSD Inc',
City: 'Arlington',
State: 'TX',
Subscription: 'Active'
}
];
$scope.gridOptions.data = gridData;
非常感谢任何帮助!
最佳答案
我能够通过从每个按钮中删除 name="Release"来获得所需的结果。新的单元格模板如下所示:
cellTemplate: '<div class="btn-group" ng-init="releaseAction=0"><input ng-model="releaseAction" type="radio" value="0" style="width:20px"> None <input ng-model="releaseAction" type="radio" value="1" style="width:20px"> Accept <input ng-model="releaseAction" type="radio" value="2" style="width:20px"> Decline</div>'
我希望这对其他人有帮助!
关于javascript - 每行的 Ui-Grid 单选按钮选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33393657/