Add Examples of data attributes on buttons

nakupanda · Oct 28, 2016 · 09ae129 · 09ae129
1 parent c31e8a9
commit 09ae129
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/examples/index.html b/examples/index.html
@@ -149,6 +149,10 @@ <h3>Buttons</h3>
             }, {
                 label: 'Button 2',
                 cssClass: 'btn-primary',
+                data: {
+                    js: 'btn-confirm',
+                    'user-id': '3'
+                },
                 action: function(){
                     alert('Hi Orange!');
                 }
@@ -993,7 +997,11 @@ <h2>Available options</h2>
         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();
@@ -1004,7 +1012,8 @@ <h2>Available options</h2>
                     <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>