Button Type in EJ 1 Angular Button
20 Sep 2017 / 2 minutes to read
Button is used as normal click able button, submitting form data, resetting the form data to its initial value. According to the usage of button, you can render the button in three types. Using the type property, you can easily render the button in following types.
List of Button types
Button Types | Description |
---|---|
button | The button is a click able button |
submit | The button is a submit button (submits form-data) |
reset | The button is a reset button (resets the form-data to its initial values) |
The following steps explains you the details about rendering the Button with above mentioned button types.
In the HTML page, add the following button elements to configure Button widget.
<table width="500px">
<tr>
<td>
<input id="buttonType_button" size="mini" contentType="imageonly" type="button" ej-button text="button"/>
<td>
<input id="buttonType_submit" size="mini" contentType="imageonly" type="submit" ej-button text="submit"/>
<td>
<input id="buttonType_reset" size="mini" contentType="imageonly" type="reset" ej-button text="reset"/>
</tr>
</table>
import {Component} from '@angular/core';
@Component({
selector: 'ej-app',
templateUrl: './default.component.html',
})
export class DefaultComponent {
checkstatus: boolean;
constructor() {
this.checkstatus = true;
}
}
Execute the above code to render the following output.
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page