The vertical scrollbar on the ICEFaces ace:dataTable is flakey, though pagination works fine. This is apparently also true of PrimeFaces, and probably other JSF frameworks. To enable a scrollbar without pagination, a workaround is to set scrolling=false, and then wrap the datatable in a div:
<div style="overflow:auto;width:100%;height:180px;">
<ace:dataTable ...>
</ace:dataTable>
</div>
Tara Bights
Tara's contemplations, hints, and sparks on things technical, geeky, or whatever else.
01 February, 2017
31 January, 2017
The simplest way to add tooltips to ICEFaces components:
As the first tag within the enclosing <h:form>, add
<ace:tooltip id="tooltip" global="true" speechBubble="true"/>
For each component, add the attribute
title="tooltip text"
Where, of course, "tooltip text" is the actual text you want displayed.
For <ace:menuItem> components, instead of title, use the attribute helpText.
The global attribute specifies that tooltips should be created for all elements that have a title or helpText attribute. The speechBubble attribute adds a directional indicator that seems useful to me. I assume this works similarly with other JSF libraries.
Styling for the tool tips is done via ui-tooltip. Example CSS:
.ui-tooltip { font-size:12px; }
It looks like the RichFaces version may have more options, but more complexity. In fairness, I've
not dug deeply into RF, as I am implementing in IF.
<ace:tooltip id="tooltip" global="true" speechBubble="true"/>
For each component, add the attribute
title="tooltip text"
Where, of course, "tooltip text" is the actual text you want displayed.
For <ace:menuItem> components, instead of title, use the attribute helpText.
The global attribute specifies that tooltips should be created for all elements that have a title or helpText attribute. The speechBubble attribute adds a directional indicator that seems useful to me. I assume this works similarly with other JSF libraries.
Styling for the tool tips is done via ui-tooltip. Example CSS:
.ui-tooltip { font-size:12px; }
It looks like the RichFaces version may have more options, but more complexity. In fairness, I've
not dug deeply into RF, as I am implementing in IF.
14 September, 2016
How to call an Oracle PL/SQL function from a Java Hibernate application
While the Hibernate framework for Java handles basic SQL (as HQL) calls, and can also deal with Oracle PL/SQL procedures, it doesn't have a method for directly calling a PL/SQL function, and retrieving the return value. Here is an approach that appears to work.
Notice that, instead of the createQuery() method I have used the createSQLQuery() method. This allows me to use a PL/SQL call, instead of being restricted to HQL. The advantages of this approach is that it lets me reference Oracle's DUAL table without receiving an unmapped error, and it also lets me use a prepared statement to map in my parameters, thus trapping out SQL injection attacks.
The downside is that, because it is using a PL/SQL query instead of an HQL query, it is not DBMS agnostic, and so not portable.
-- Oracle PL/SQL function
CREATE OR REPLACE FUNCTION get_some_string_fnc (
p_argument IN INTEGER
)
RETURN VARCHAR2
IS
BEGIN
v_result VARCHAR2(64) := NULL
-- Do some stuff
RETURN(v_result);
END;
/*
* Java code in DAO object
* Hibernate does not handle calling functions very simply,
* so this bit is Oracle PL/SQL specific, with the DUAL reference,
* which requires using createSQLQuery() instead of the more
* portable createQuery() that uses HQL.
*/
String funString = "SELECT get_some_string_fnc(:p_argument) FROM DUAL";
Query funCall = session.createSQLQuery( funString );
int argument = 1234;
String funRslt;
try {
funCall.setParameter( "p_argument", argument );
funRslt = (String)funCall.uniqueResult();
} catch ( HibernateException he ) {
log.error( he.toString() );
funRslt = "unavailable";
}
Notice that, instead of the createQuery() method I have used the createSQLQuery() method. This allows me to use a PL/SQL call, instead of being restricted to HQL. The advantages of this approach is that it lets me reference Oracle's DUAL table without receiving an unmapped error, and it also lets me use a prepared statement to map in my parameters, thus trapping out SQL injection attacks.
The downside is that, because it is using a PL/SQL query instead of an HQL query, it is not DBMS agnostic, and so not portable.
-- Oracle PL/SQL function
CREATE OR REPLACE FUNCTION get_some_string_fnc (
p_argument IN INTEGER
)
RETURN VARCHAR2
IS
BEGIN
v_result VARCHAR2(64) := NULL
-- Do some stuff
RETURN(v_result);
END;
/*
* Java code in DAO object
* Hibernate does not handle calling functions very simply,
* so this bit is Oracle PL/SQL specific, with the DUAL reference,
* which requires using createSQLQuery() instead of the more
* portable createQuery() that uses HQL.
*/
String funString = "SELECT get_some_string_fnc(:p_argument) FROM DUAL";
Query funCall = session.createSQLQuery( funString );
int argument = 1234;
String funRslt;
try {
funCall.setParameter( "p_argument", argument );
funRslt = (String)funCall.uniqueResult();
} catch ( HibernateException he ) {
log.error( he.toString() );
funRslt = "unavailable";
}
06 April, 2016
Bang Important
When using a framework that in some cases does weirdly nested stuff that overrides your CSS (I'm looking at you, ICEFaces), the CSS directive !important can be your friend. But maybe it's the sort of friend you need to keep a close eye on.
This is something it took me days to find documentation for, and certainly could cause a maintenance headache, but it falls into the the good-to-know category.
Case in point: with an ICEFaces ace:dataTable, displaying multiple rows from a database query, the table would not display the full number of rows, even though it was sufficiently large to do so, because the <div> that contains all the rows, class name ui-datatable-scrollable-body, was getting its max-height set to 100px, no matter what I did. This was enough to show three of four rows. I was finally able to get it to work with this CSS entry:
.ui-datatable-scrollable-body { max-height:250px!important; }
I may have to do some further tweaking so as not to torch any other datatables I may use elsewhere in the application, but at least now I can move forward. And I'll keep glancing over my shoulder, making sure this helper doesn't try to stab me in the back.
This is something it took me days to find documentation for, and certainly could cause a maintenance headache, but it falls into the the good-to-know category.
Case in point: with an ICEFaces ace:dataTable, displaying multiple rows from a database query, the table would not display the full number of rows, even though it was sufficiently large to do so, because the <div> that contains all the rows, class name ui-datatable-scrollable-body, was getting its max-height set to 100px, no matter what I did. This was enough to show three of four rows. I was finally able to get it to work with this CSS entry:
.ui-datatable-scrollable-body { max-height:250px!important; }
I may have to do some further tweaking so as not to torch any other datatables I may use elsewhere in the application, but at least now I can move forward. And I'll keep glancing over my shoulder, making sure this helper doesn't try to stab me in the back.
18 March, 2016
Nobody is singing the Aria.
The lack of clear and readily available documentation for support of Section 508, WAI-ARIA, and other accessibility standards in the various JSF libraries, such as ICEfaces and PrimeFaces, is shocking, and really pretty shameful.
Given that the support of user with various disabilities is not only the morally and ethically right thing to do, but in many cases is actually required by law in the US and most other countries, it points to a lack of interest by those privileged to not have to deal with those disabilities.
I suppose that means me, too.
Given that the support of user with various disabilities is not only the morally and ethically right thing to do, but in many cases is actually required by law in the US and most other countries, it points to a lack of interest by those privileged to not have to deal with those disabilities.
I suppose that means me, too.
07 March, 2016
SOP
What do you call it when the person knowledgeable on an legacy technology retires, there is not a replacement hired yet, and then an internal customer requests enhancements involving that technology and some other legacy systems?
Oh, yea, and the development environment for that legacy system has gone AWOL? And then your manager's manager very publicly put you in charge of dealing with it?
Oh, yea, business as usual.
Oh, yea, and the development environment for that legacy system has gone AWOL? And then your manager's manager very publicly put you in charge of dealing with it?
Oh, yea, business as usual.
24 February, 2016
Viewing fake composites, or compositing fake views
Using
Hibernate to retrieve data from a database view that contains a join
can be tricky, as Hibernate expects there to be a unique primary key.
The trick is to fake a composite key using the @Embeddable annotation in
a PK model class that contains the properties/@Column references chosen
for the composite key, and a the @EmbeddedId annotation in the main
model class to include the PK class as the id property.
There's
lots of documentation in cyberspace on the syntax for that, but there's
one piece that almost all of them miss, and that is how you actually
reference the properties that are defined in the @Embeddable compound
key class.
First, do not duplicate the properties in both models; they should only occur in the PK model. The PK class is defined as a property of the main model class, so the reference is model.id.property for each element of the CK, instead of model.property.
I
created accessors in the main model for the key properties that test
that there is an instance of the PK model defined, primarily for
testing. Example:
public String getFirstName() {
if ( null == this.id ) {
return null;
}
return this.id.getFirstName();
}
public void setFirstName(String firstName) {
if ( null == this.id ) {
this.id = new ErmsDocOrgPrsnDetailPK();
}
this.id.setFirstName( firstName );
}
if ( null == this.id ) {
return null;
}
return this.id.getFirstName();
}
public void setFirstName(String firstName) {
if ( null == this.id ) {
this.id = new ErmsDocOrgPrsnDetailPK();
}
this.id.setFirstName( firstName );
}
Subscribe to:
Posts (Atom)