如何绑定角度ui-grid值数组,其中值在文本框中的网格外部更新

时间:2016-11-14 07:46:19

标签: angularjs angular-ui-grid ng-grid

这是填充ui-grid的json

{
  "radioList": [
    {
      "testId": 4,
      "remarks": null,
      "ordersDto": {
        "orderId": 50808,
        "visitId": null,
        "testMast": {
          "testId": 4,
          "testName": "X-RAY",

        },
        "reportses": [

        ]
      }
    },
    {
      "testId": 4,
      "remarks": "tested",
      "ordersDto": {
        "orderId": 50807,
        "visitId": null,
        "testMast": {
          "testId": 4,
          "testName": "X-RAY",

        },
        "reportses": [
          {
            "report": "very good",
            "instCode": null,
            "folderNo": null
          }
        ]
      }
    }
  ]
}

这是在单独的文本框中指定值的行模板。

<div> Reports : <input ng-model="ctrl.report"></input></div> 

每次双击行对应的报告(如果存在)将显示在文本框中。

rowTemplate: '<div grid="grid" ng-dblclick="grid.appScope.ctrl.setRadioReports(row.entity);" class="ui-grid-draggable-row" draggable="true"></div>'


vm.setRadioReports = function(row){
      vm.report = angular.copy(row.ordersDto.reportses[0].report);
      row.ordersDto.reportses[0].report = angular.copy(vm.report);// tried copying back but not working.
  }

如何将可编辑文本框更新值(用户新输入的值)绑定到网格和数组,以便我可以将更新的报告保存到数据库中。

以下是plunker http://plnkr.co/edit/WtN312no4POPrJ8Mh07O?p=preview

//此处更新的报告值不会出现在网格中,如何在vm.gridRadioTest.data中获取该值

  $scope.save = function(){
     $scope.user.visitMasts[0].radioList = vm.gridRadioTest.data;
  }

0 个答案:

没有答案