2012-11-21 6 views
8

角度uiのソート可能なコールバック関数を設定する方法はありますか?私は、以下のtbodyタグにng-update = "foo()"を追加して、リストが変更されたときにfooを実行させたいと思います。角度uiソート可能なコールバック

<tbody id="existingStockResults" ui-sortable ng-model="processes"> 
    <tr ng-repeat="process in processes" ng-class="{odd: $index%2 == 0, even: $index%2 != 0}"> 
     <td>{{process.process}}</td> 
     <td>{{process.vendor}}</td> 
     <td>{{process.desc}}</td> 
      <td>{{process.cost}}</td> 
     <td><a href="#" ng-click="editProcess($index)">edit</a></td> 
     <td><a href="#" ng-click="removeProcess($index)">remove</a></td> 
    </tr> 
</tbody> 

ありがとうございます!

答えて

3

角度のuiホームページにデモがありませんか?here、私はそれが2つのコールバックを可能にすることがわかります。変更後にトリガーします。 だから、このようなものは動作するはずです:

<tbody id="existingStockResults" ui-sortable update="myCallback()" ng-model="processes"> 
6

あなたは今、このように、ui-sortable属性で更新機能を指定することができます。

<tbody ui-sortable="{update: foo()}"> 

しかし、まだいくつかの問題は次のように、ソート可能なディレクティブでありますthis exampleにあります。それらは現在議論されているhereです。

$scope.sortableOptions = { 
    disabled: false, 
    update: function(event) { 
     return $scope.sortableUpdated = true; 
    } 
}; 

を、テンプレートに:

+0

物事は変化しています。 'ui-options'属性は使用されなくなりました。私は自分の答えを編集します。 –

+0

ui-sortableは今やいくつかの問題を修正したような独自のコンポーネントですが、コールバックがあるかどうかわかりません –

+0

これまではコールバックはこれ以上動作していないようです。 –

5

は、私はこのような私の範囲で、定義された私の更新コールバックを持つハッシュオプションを使用することを好む

<div ui-sortable="sortableOptions"> ... 
関連する問題