JSF custom tag example: JSF provides the facility to create custom tag to render a pre-defined content. A JSF custom tag uses “ui:composition” to insert content into the page. Steps to create the JSF custom tag: 1. First create a predefined content in an XHTML page with ui:compisition tag. 2. Declares and define the custom … Read more
Problem in comment out a JSF tag: We can html comment <!– –><!– –> for commenting a JSF tag. But the problem here is that JSF still process the value expression and tag will appear in generated HTML. JSF Comment: <!– <h:commandButton type="button" value="#{msg.buttonClickHerel}" /> –><!– <h:commandButton type="button" value="#{msg.buttonClickHerel}" /> –> JSF dataTable: <!– <h:commandButton … Read more
JSF Template: JSF provides the following tags for building and using a template layout. Tag Description ui:insert It defines content in a template which have to be replaced by the file that use the template. The ui:define tag can be used to replace its contents. ui:define It is used to define the contents which is … Read more
JSF h:dataTable tag is used to render and format HTML table element. It is a rich control tag which can iterate collection or array of values to display data in table format. It also provides attributes to manipulate table data in easy way. JSF DataTable Tutorial: JSF data table (h:datatable) example. JSF datatable add row … Read more
To display data table row number or get row index we have to use getRowIndex() method of javax.faces.model.DataModel class. Example: test.xhtml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>JSF display data table example.</title> </h:head> <h:body> <h2>JSF display data table example.</h2> <h:form> <h:dataTable value="#{test.students}" … Read more
Example: test.xhtml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>JSF edit data to data table example.</title> </h:head> <h:body> <h2>JSF edit data to data table example.</h2> <h:form> <h:dataTable value="#{test.students}" var="student"> <h:column> <f:facet name="header">Name</f:facet> <h:outputText value="#{student.name}" /> </h:column> <h:column> <f:facet name="header">Class</f:facet> <h:outputText value="#{student.stuClass}" /> </h:column> <h:column> … Read more
Example: test.xhtml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>JSF edit data to data table example.</title> </h:head> <h:body> <h2>JSF edit data to data table example.</h2> <h:form> <h:dataTable value="#{test.students}" var="student"> <h:column> <f:facet name="header">Name</f:facet> <h:inputText value="#{student.name}" rendered="#{student.editable}" /> <h:outputText value="#{student.name}" rendered="#{!student.editable}" /> </h:column> <h:column> <f:facet name="header">Class</f:facet> … Read more
Example: test.xhtml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>JSF add data to data table example.</title> </h:head> <h:body> <h2>JSF add data to data table example.</h2> <h:form> <h:dataTable value="#{test.students}" var="student"> <h:column> <f:facet name="header">Name</f:facet> #{student.name} </h:column> <h:column> <f:facet name="header">Class</f:facet> #{student.stuClass} </h:column> <h:column> <f:facet name="header">RollNo</f:facet> #{student.rollNo} </h:column> … Read more
JSF dataTable: JSF h:dataTable tag is used to render and format HTML table element. It is a rich control tag which can iterate collection or array of values to display data in table format. It also provides attributes to manipulate table data in easy way. Attributes: Attribute Description id id for the tag dir Direction … Read more
AngularJS Routing: In AngularJS we can create Single Page Application which loads a single HTML page via multiple views i.e. dynamically updates that page as the user interacts with the web app. AngularJS provides ng-view and ng-template directives and $routeProvider services to achieve this. ng-view directive: It creates a place holder where a corresponding view … Read more