Browse Source

Merge pull request #310 from zeckdude/button-data-attributes-example

Add Examples of data attributes on buttons
Dante 9 years ago
parent
commit
2ead62875c
1 changed files with 11 additions and 2 deletions
  1. 11 2
      examples/index.html

+ 11 - 2
examples/index.html

@@ -151,6 +151,10 @@
                 label: 'Button 2',
                 // no title as it is optional
                 cssClass: 'btn-primary',
+                data: {
+                    js: 'btn-confirm',
+                    'user-id': '3'
+                },
                 action: function(){
                     alert('Hi Orange!');
                 }
@@ -996,7 +1000,11 @@ BootstrapDialog.show({
         id: 'btn-ok',   
         icon: 'glyphicon glyphicon-check',       
         label: 'OK',
-        cssClass: 'btn-primary', 
+        cssClass: 'btn-primary',
+        data: {
+            js: 'btn-confirm',
+            'user-id': '3'
+        },
         autospin: false,
         action: function(dialogRef){    
             dialogRef.close();
@@ -1007,7 +1015,8 @@ BootstrapDialog.show({
                     <strong>id</strong>: optional, if id is set, you can use dialogInstance.getButton(id) to get the button later. <br />
                     <strong>icon</strong>: optional, if set, the specified icon will be added to the button. <br />
                     <strong>cssClass</strong>: optional, additional css class to be added to the button. <br />
-                    <strong>autospin</strong>: optinal, if it's true, after clicked the button a spinning icon appears. <br />
+                    <strong>data</strong>: optional, object containing data attributes to be added to the button. <br />
+                    <strong>autospin</strong>: optional, if it's true, after clicked the button a spinning icon appears. <br />
                     <strong>action</strong>: optional, if provided, the callback will be invoked after the button is clicked, and the dialog instance will be passed to the callback function.
                 </td>
             </tr>