angular_更新显示

点击二维列表任意一行，在弹出框中录入任何信息，实现二维列表及时更新

 

伪代码：

jsp：

<tr data-ng-repeat="data in pagedResultInfo.list">

   <td data-ng-click="ckEvent(this,'{{data.id}}', data);">//注意要传入data

   <label>

      <input type="checkbox" name="ckdict"  data-ng-checked="isSelected(data.id)" >

   </label>

   </td>

<td data-ng-click="queryValuePagedResult('{{data.id}}');"><a href="#">{{data.name}}</a></td>

<td>{{data.description}}</td>

</tr>

js:

var updateData = null;//声明一个对象

$scope.ckEvent=function($event, id, data){

updateData = data; //注意这个地方使用

$scope.isSelected = function(id){          

           return ckvalues.indexOf(id)!=-1; 

}

if(ckvalues.indexOf(id)>=0){

ckvalues.remove(id);

datas.remove($event.data);

}else{

ckvalues.push(id);

datas.push($event.data);

}

// console.log(ckvalues);

// console.log(datas);

}

 

/**

* 编辑

*/

$scope.editView = function() {

var id=ckvalues[0];

        $modal.open({

        templateUrl : urlManager.$staticViewUrls.$getUrl( 'static/basis/html/data/dictionary/key/update-view' ),

backdrop : 'false',

controller : ['$scope', '$modalInstance','DataDictionaryKeyService', function($scope, $modalInstance,dataDictionaryKeyService) {

 

 

//$scope.updateDataDictionaryKey = updateData; //这句话可做测试，看效果

//以下实现数据更新，并同步列表中显示

dataDictionaryKeyService.editView(id).success( function(responseData) {

var dataDictionaryKey = responseData['moreData']['data'];

$scope.updateDataDictionaryKey = updateData; 

$scope.updateOne = function(dataDictionaryKey) {

dataDictionaryKeyService.updateOne(id, dataDictionaryKey);

$modalInstance.dismiss( 'cancel' );

}

$scope.closeView = function() {

$modalInstance.dismiss( 'cancel' );

}

} )

 

}],

});

}