大佬教程收集整理的这篇文章主要介绍了angularjs – 如何在ng-grid中制作复选框单元格编辑模板?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这里JSfiddle.
var myapp = angular.module('myapp',["ui","ngGrid"]); myapp.controller('myctrl',function($scope,$http) { $scope.tesTinfo= "TesTinfo"; $scope.data = { persons: [],SELEcted:[],load: function () { $http.get("/echo/json/").success(function(data) { $scope.data.persons = [ {id:1,name:"Max",number:51323.512,value:'on'},{id:2,name:"Adam",number:7245.2,{id:3,name:"Betty",number:828,value:'off'},{id:4,name:"Sara",number:23452.45182,value:'on'} ]; $scope.data.SELEcted[0] = $scope.data.persons[0]; }); } }; var cellTemplate = "<div ng-class=\"'ngCellText colt' + $index\">" + " <span ng-cell-text>{{COL_FIELD}}</span>" + "</div>"; var cellEditTemplate = '<input type="checkBox" ng-checked="row.entity.value==\'on\'" ng-input="COL_FIELD" /></div>'; $scope.grid = { options: { data: "data.persons",SELEctedItems: $scope.data.SELEcted,multiSELEct: false,columnDefs: [ {field:"id",displayName:"ID"},{field:"name",displayName:"Name"},{field:"number",displayName:"Nummer",cellFilter:"number:2"},{field: "value",displayName:"Value",enableCellEdit : true,cellTemplate : cellTemplate,editableCellTemplate : cellEditTemplatE} ] } }; }); <div ng-app="myapp"> <div ng-controller="myctrl"> <a class="btn" ng-click="data.load()">Get data!</a> <div ng-grid="grid.options" class="grid"></div> <ul ng-repeat="item in data.SELEcted"> <li>{{item}}</li> </ul> </div> </div>
以上是大佬教程为你收集整理的angularjs – 如何在ng-grid中制作复选框单元格编辑模板?全部内容,希望文章能够帮你解决angularjs – 如何在ng-grid中制作复选框单元格编辑模板?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。