angularjs - Two way data binding with ng-grid -
i want bind ng-grid
celltemplate html textbox ( having ng-grid , displays data,below want add textbox, type in textbox, values should update in cell template of ng-grid).
here html page:
<div ng-controller="bulkassign" > <form name="signup_form" method="post"> <div style=" border: 1px solid rgb(212,212,212); width: 1000px; height: 200px;" ng-grid="griduser"> </div> <p><b>editing grid</b></p> <div class="gridstyle" ng-grid="gridoptions" data-ng-click="testseletion()"></div> <label>edit grid textbox</label> <input type="number" name="assignto" ng-model="assignto" placeholder="assign order to" class="form-control" > </form> </div>
here controller:
$scope.gridoptions = { data: 'names', enablecellselection: false, enablerowselection: true, showselectioncheckbox: true, multiselect: true , columndefs: [ { field: 'orderid', displayname: 'orderid', enablecelledit: false, celltemplate:'<div class="ngcelltext" ng-class="col.colindex()"><a ng-click="loadbyid(row)">{{row.getproperty(col.field)}}</a></div>' }, {field: 'trackingid', displayname: 'trackingid', enablecelledit: false, celltemplate:'<div class="ngcelltext" ng-class="col.colindex()"><a ng-click="loadbyid(row)">{{row.getproperty(col.field)}}</a></div>' }, {field: 'ordertitle', displayname: 'ordertitle', enablecelledit: false}, {field:'customername', displayname:'customername', enablecelledit: false}, {field:'customercontactno', displayname:'contactno', enablecelledit: false}, {field:'assignto', displayname:'assignto', enablecelledit:true,celltemplate:'<input type="number">'} ], selecteditems: $scope.myselections, filteroptions: $scope.filteroptions };
my question after entering value in textbox, when click button, possible update values in ng-grid celltemplate?
Comments
Post a Comment