How to Use CSS Naming Rules Basic Styles Components
Elements
Button Input Radio&Checkbox On-off Select Datetimepicker Dropdown
Layout
Grid Form
Data Display
Tab Table Pagination Badge Process
Feedback
Dialog Message Tooltip PopConfirm Loader
Other
Breadcrumb SideNav
I18N

PopConfirm

A PopConfirm is a pop-up with an ok button and a cancel button. It's used when you are executing an action that requires confirmation.


Example

You must use javascript to open apopconfirm.


            

	$('#my-btn').on('click', function(e) {
	    $(this).popConfirm({
	    	content: 'Delete this record?',
	    	onOK: function() {
	    		// Your code goes here...
	    		Z.Message.success('Successfully deleted');
	    	}
	    })
	});

Options

Name Type Default Desc
position String 'bottom' The position of the pop-up
Values: 'top', 'bottom', 'left', 'right'
content String '' The text of the pop-up
onOK Function function() {} Fires when the 'OK' button is clicked