2012-11-21 21 views
8

क्या कोणीय यूई के क्रमबद्ध के साथ कॉलबैक फ़ंक्शन सेट करने का कोई तरीका है? मैं नीचे दिए गए टैग टैग में 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-sortable फ़ाइल के माध्यम से पढ़ना (? वहाँ कोणीय-ui मुखपृष्ठ पर यह एक डेमो नहीं है, क्यों) here, मुझे लगता है कि यह 2 कॉलबैक के लिए अनुमति देता है -, शुरू करने और अद्यतन> से पहले के लिए और परिवर्तन के बाद आप ट्रिगर करते हैं। तो कुछ इस तरह काम करना चाहिए:

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

अब आप अद्यतन समारोह ui-sortable विशेषता में, इस तरह निर्दिष्ट कर सकते हैं:

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

लेकिन वहाँ अभी भी तरह, sortable निर्देश के साथ कुछ मुद्दे हैं this example में। वर्तमान में वे here पर चर्चा कर रहे हैं।

+0

हालात बदल गए हैं। 'Ui-options' विशेषता अब उपयोग नहीं की गई है, मैं अपना जवाब संपादित करता हूं। –

+0

यूई-सॉर्टेबल अब अपने स्वयं के घटक हैं जो कुछ समस्याएं तय कर चुके हैं, लेकिन मुझे नहीं पता कि इसमें कॉलबैक –

+0

है, लेकिन यह कॉलबैक अब और काम नहीं कर रहा है। –

5

मैं इस तरह, एक विकल्प मेरे अद्यतन कॉलबैक साथ हैश परिभाषित का उपयोग करना पसंद मेरी दायरे में:

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

और टेम्पलेट में:

<div ui-sortable="sortableOptions"> ...