javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(button): add a dynamically disabled button to the basic test

Browse Source
This commit is contained in:
Brandy Carney
2018-07-12 16:41:31 -04:00
parent 0421e2172a
commit 8e58ea4b58
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
core/src/components/button/test/basic/index.html
View File

@ -70,10 +70,14 @@
</p> </p>
<p> <p>
<ion-button disabled>Button Disabled</ion-button> <ion-button id="disabledButton" disabled onclick="clickedButton(event)">Button Disabled</ion-button>
<ion-button color="secondary" disabled>Secondary Disabled</ion-button> <ion-button color="secondary" disabled>Secondary Disabled</ion-button>
</p> </p>
<p>
<ion-button onclick="toggleDisabled()">Toggle Disabled</ion-button>
</p>
<p> <p>
<ion-button id="dynamicColor1" onclick="changeColor(event)">Change Color</ion-button> <ion-button id="dynamicColor1" onclick="changeColor(event)">Change Color</ion-button>
<ion-button id="dynamicColor2" onclick="changeColor(event)" fill="outline">Change Color</ion-button> <ion-button id="dynamicColor2" onclick="changeColor(event)" fill="outline">Change Color</ion-button>
@ -98,6 +102,16 @@
el.color = newColor; el.color = newColor;
} }
function toggleDisabled() {
var buttonEl = this.document.getElementById('disabledButton');
console.log(buttonEl);
buttonEl.disabled = !buttonEl.disabled;
}
function clickedButton(ev) {
console.log("Clicked button", ev);
}
</script> </script>
</body> </body>