एम्बर-क्ली

Question

के साथ हटाने से पहले एक मोडल पुष्टिकरण संवाद कैसे बनाएं I उपयोगकर्ता प्रबंधक बनाने की कोशिश कर रहा हूं, मैं संपादन और उपयोगकर्ताओं को हटा सकता हूं, हटाए गए क्रिया में मैं एक "आगे बढ़ने" के साथ एक मोडल पुष्टिकरण संवाद प्रदर्शित करना चाहता हूं उपयोगकर्ता के दमन की पुष्टि करने के लिए & "रद्द करें" बटन।

ऐसा करने का सबसे अच्छा अभ्यास क्या है, मैं एम्बर-क्ली 0.2.3 का उपयोग कर रहा हूं, नेट में बहुत सारे सुझाव हैं, मैं उन समाधानों के साथ थोड़ा उलझन में हूं, मानक या सबसे अच्छा तरीका क्या है एम्बर-सीएलआई के साथ मोड बनाने के लिए?

Answer 1

आपको अपने टॉगल मोडल फ़ंक्शन को डिलीट बटन और मोडल में 'ठीक' बटन के साथ अपने डिलीट यूज़र फ्यूशन के साथ बांधना चाहिए।

उदाहरण के लिए:

//button to call modal 
<button {{action 'showModal' 'modal-main'}}>Delete User</button> 


//ok button on the modal 
<button {{action 'deleteAfterConfirm' 'modal-main'}}>Ok</button> 

export default Ember.Controller.extend({ 
    actions: { 
     deleteAfterConfirm: function(userId) { 
      if (confirm("Want to delete?");) { 
      //deleteUser 
      } 
     }, 
     showModal: function(targetId) { 
      var modal = Ember.Views.views[targetId]; 
      modal.send('toggleModal'); 
     } 
    } 
}); 

आप विस्तार से here देख सकते हैं बना सकते हैं और शैली अपने मोडल

Answer 2

आप Bootstrap's modal का उपयोग करें और 'आगे बढ़ना' बटन के लिए कोई कार्रवाई बाध्य कर सकते हैं करने के लिए कैसे।

बूटस्ट्रैप के मोडल here का लाइव डेमो।