Datagrid in JSF
Hi,
Want to know in JSF can i have a datagrid with multiple page that bind with database table and end of each record will have a column display as Edit in order for the user to click it and go to edit page. This is how it look like.
http://img527.imageshack.us/img527/9032/98285557.jpg
So it will display total of 10 records and will have page indexing.
I'm doing in JSF and EJB 3 in GlassFish.
Thanks.
The "datagrid" is a term as known in Microsoft ASP. In Sun JSF we have the "datatable". You can use under each the standard h:dataTable component for this. Now you know the right term, Google must give a lot more results now. Here you can find an article how to use datatables, you may find it useful: [http://balusc.blogspot.com/2006/06/using-datatables.html].
Similar Messages
-
JSF rich:dataGrid - display empty cells
Hi,
I created a rich:dataGrid with 5 columns but when the arraylist has about only 2 rows of data, the data grid displays empty cells.
How do I get rid of the empty cells? border=0 did not solve the problem.
Thanks in advance.apply simple table CSS dear.
Here is one sample style css you can modify as per your need
<style>
.myDataGrid thead th {
background: #ffffff; /*change as per your need*/
text-align: center;
font-size: small;
font-weight: normal;
padding: 5px;
border : 1px solid #ffffff; /*change as per your need*/
border-bottom: 1px solid;
.myDataGrid tbody td {
font-size: small;
padding-right: 10px;
text-align: left;
border : 1px solid #ffffff; /*change as per your need*/
padding-left: 5px;
.myDataGrid {
width: 100%;
border : 1px solid #ffffff; /*change as per your need*/
border-collapse: collapse;
margin: 10px;
.myDataGrid caption {
text-align: left;
font-weight: normal;
padding: 5px;
</style>and apply it in datagrid
<rich:dataGrid columns="3" value="#{orderBean.orderItems}" var="item" styleClass="myDataGrid" >
<h:outputText value=" #{item.description}" />
<h:outputText value=" #{item.qty}" />
</rich:dataGrid> -
Problem when getting array's elements in JSF
Using Struts/EJB/JSF.
Here is the code:
Action servlets code:
request.setAttribute("colSellers", (List<SellerDTO>) List );JSF part:
<c:out value="${colSellers[projectForm.client].id}"/>Error message:
*[ServletException in:/html/forms/project/read.jsp] The "[]" operator was supplied with an index value of type "java.lang.String" to be applied to a List or array, but that value cannot be converted to an integer.'*
But it works when i use real integer values....like
<c:out value="${colSellers['2'].id}"/>Sorry, but this doesn't look like JSF, it looks like a combination of servlets, JSP EL and JSF. It will all work alot better if you choose your poison.
Put the array in a managed bean and use a JSF component like h:datagrid or t:datalist to display the elements. If that seems too restrictive, do what I did and switch to Spring MVC. -
How to get data from rich:dataGrid variable to backing bean
Hi,
I have a problem in the following code. I have a dataGrid and I display data in the data grid by calling an array (bean.list). The array is displayed as pictures in JSF and the user clicks on one of those images. (more like a shopping card)
My question is once the user selects a picture, I want to get some details (e.g.price) and store it back in my bean class for later use.
Please tell me how I store the data back to the bean class.
<rich:dataGrid border="0" value="#{bean.list}" var="item" columns ="2" >
<h:panelGrid border="0" columns="2">
<a4j:commandLink onclick="#{rich:component('modalPanel')}.show()"><h:graphicImage value="/images/#{item.imageName}" /> </a4j:commandLink>
<h:outputText value=" #{item.price}" /> bean.list is stored in the DB and once I display all the product images in JSF, the user clicks on any picture.
I want to get some information (item.price) from that item and store it back in the bean class. And probably some other information (e.g.item.date) from the item.
Thanks for your help
Edited by: shana10 on Nov 18, 2009 10:45 PMprivate function onItemClick( e:ListEvent ):void
alert=Alert.show(experimentdetails.getItemAt(e.rowIndex).experimentName.toString());
The ListEvent has a rowIndex and a columnIndex property that you can use to find out the record/attribute that was clicked.
Does this solve your query ?
Balakrishnan V -
Hi,
I am new to JSF. I need to add drop down(comboBox) in odc:dataGrid column. How can i do that?
Is there any option to change the border color of dataGrid?
SenthilThanks for the reply,
I am using the following code
<odc:dataGrid pageSize="5" styleClass="dataGrid" showSelectionColumn="true" multiSelection="true" id="dataGrid" navBarPosition="0"><h:selectOneMenu styleClass="selectOneMenu" id="dataGridmenu1"></h:selectOneMenu>
<odc:clientBinder value="#{pc_DataGrid.department.employee}"></odc:clientBinder>
<odc:dataGridCol attributeName="division" readOnly="true" colHead="Division"></odc:dataGridCol>
<odc:dataGridCol attributeName="accountName" readOnly="true" colHead="Account Name"></odc:dataGridCol>
<odc:dataGridCol attributeName="contractNo" readOnly="true" colHead="Contract No."></odc:dataGridCol>
<odc:dataGridCol attributeName="effectiveDate" readOnly="true" colHead="Effective Date"></odc:dataGridCol>
<odc:dataGridCol attributeName="expirationDate" readOnly="true" colHead="Expiration Date"></odc:dataGridCol>
<odc:dataGridCol attributeName="billingEntity" readOnly="true" colHead="Billing Entity" underline="true"></odc:dataGridCol>
<odc:dataGridCol attributeName="adjustmentEntity" readOnly="true" colHead="Adjustment Entity"></odc:dataGridCol>
<odc:dataGridCol attributeName="bookingDivision" readOnly="true" colHead="Booking Division"></odc:dataGridCol>
<odc:dataGridCol attributeName="creditedDivision" readOnly="true" colHead="Credited Division"></odc:dataGridCol>
<odc:dataGridCol attributeName="region" readOnly="true" colHead="Region"></odc:dataGridCol>
<odc:dataGridCol attributeName="valuationMonth" readOnly="true" colHead="Valuation Month"></odc:dataGridCol>In this code for attributeName="region" column i need drop down list with a list of names....Can anyone give me example?
Thanks
Senthil -
Jakarta Datagrid Taglibs and Servlet 2.4
Dear All,
Please help me with this situation
we would require to have this Jakarta Datagrid taglib (with the servlet 2.2 support) in my web application, but my web-applications uses servlet 2.4 version.
If we change my servlet version to 2.2 for the benefit of Datagrid, we lose JSTL, Expression Language support.
we got struck here and we are not familiar with struts and jsf, where we came to know the availability of datagrid using these.
Kindly requesting you to help us to solve this issue or guide us to a datagrid control works servlet 2.4 version.
I am not a programmer, i am writing this message on behalf of my programmers (freshers). Please do guide us.
thanking you,
S. Sithi Vinayagamdear all,
why i am not getting any response from you all,
Is this a common question, that will not be anwered any more
or
is there is a better way to ask this type of help from all the developers over there.
Kindly i am requesting you once again to suggest me a better solution (not any commercial soultions) with this type of Data Grid solution for my web application -
Hello together!
I am looking for a table where the user can select the a row.
Like the JTable or in the datagrid in the .NET framework.
Can anybody pls tell me how I can do so in JSF.
Thanks a lot.check out myfaces dataTable it has support for selecting rows
http://myfaces.apache.org/ -
I believe JavaFX seriously needs a DataGrid component to render tabular data as a GRID, where data can be paged, sorted, filtered like other data grid solutions (Adobe Flex, jQGrid, DataTables etc).
This is one of the basic controls, any serious application would definitely need. TableView is the only closest thing I found, but that doesn't fit the bill at all.
The DataFx project looks promising, but is very primitive.
I hope Oracle will come up with a pretty GRID control soon, to beat the competition. We were planning to go with JavaFX and the only thing that is stopping us is the lack of a GRID component, we have to look for other web-based alternatives now.I think there's more to the TableView API than you're seeing, as it's supported by the JavaFX Properties and Collections APIs. The columns are exposed as a mutable, observable List, as is the data. So the columns are dynamic and can be readily changed as necessary, the table will update automatically.
I used you example as a way to test this out; I've made no effort whatsoever to make this look good, the css is relatively straightforward. Also, I have no knowledge whatsoever of your business domain, so this will likely look somewhat naive. I think the code structure might be helpful though. There are some things I wish were a bit different but I'll come to that after the code.
I'm going to assume you have some kind of data model and some way of knowing when the data's changed. I've mocked this up with a DataModel class with listener notification, but there are other ways this could happen (could be an EJB, for example). I've made this completely agnostic with respect to JavaFX.
DataModel.java (a mockup of something I assume you already have existing):
import java.util.ArrayList;
import java.util.List;
public class DataModel {
private double minDeviation ;
private double maxDeviation ;
private int numDeviationCategories ;
private int numRows ;
private List<DataListener> listeners ;
public DataModel(double minDeviation, double maxDeviation,
int numDeviationCategories, int numRows) {
this.minDeviation = minDeviation;
this.maxDeviation = maxDeviation;
this.numDeviationCategories = numDeviationCategories;
this.numRows = numRows;
this.listeners = new ArrayList<DataListener>();
public String getValue(int row, double deviation) {
int category = (int) ((numDeviationCategories - 1)*(deviation - minDeviation) / (maxDeviation - minDeviation)) ;
return String.format("f(%d, %d)", category+1, row+1);
public double getMinDeviation() {
return minDeviation;
public void setMinDeviation(double minDeviation) {
if (minDeviation != this.minDeviation) {
this.minDeviation = minDeviation;
fireDeviationRangeChanged();
public double getMaxDeviation() {
return maxDeviation;
public void setMaxDeviation(double maxDeviation) {
if (maxDeviation != this.maxDeviation) {
this.maxDeviation = maxDeviation;
fireDeviationRangeChanged();
public int getNumDeviationCategories() {
return numDeviationCategories;
public void setNumDeviationCategories(int numDeviationCategories) {
if (numDeviationCategories != this.numDeviationCategories) {
this.numDeviationCategories = numDeviationCategories;
fireNumDeviationCategoriesChanged();
public int getNumRows() {
return numRows;
public void setNumRows(int numRows) {
if (this.numRows != numRows) {
this.numRows = numRows;
fireNumRowsChanged();
public void addDataListener(DataListener l) {
listeners.add(l);
public void removeDataListener(DataListener l) {
listeners.remove(l);
private void fireDeviationRangeChanged() {
DataEvent event = new DataEvent(this);
for (DataListener l : listeners) {
l.deviationRangeChanged(event);
private void fireNumDeviationCategoriesChanged() {
DataEvent event = new DataEvent(this);
for (DataListener l : listeners) {
l.numDeviationCategoriesChanged(event);
private void fireNumRowsChanged() {
DataEvent event = new DataEvent(this);
for (DataListener l : listeners) {
l.numRowsChanged(event);
}And there are two almost trivial supporting classes to support the listener notification:
public interface DataListener {
public void deviationRangeChanged(DataEvent event);
public void numDeviationCategoriesChanged(DataEvent event);
public void numRowsChanged(DataEvent event);
public class DataEvent {
private final DataModel source ;
public DataEvent(DataModel source) {
this.source = source;
public DataModel getSource() {
return source;
}The TableView exposes ObservableLists for the columns and the data. We need to update those lists when the data or column structure changes. So we need an adapter to sit in front of our generic DataModel and manipulate those lists when the data changes. This class will take a reference to a DataModel in addition to references to the column list and data list; it will listen for notifications from the DataModel and update the lists as necessary. (I'm implementing each row in the table simply as a List<String>, and we retrieve each element from the row using a custom CellValueFactory.)
TableDataModel.java:
public class TableDataModel {
private DataModel model ;
private final ObservableList<TableColumn<List<String>, ?>> columns ;
private final ObservableList<List<String>> items ;
public TableDataModel(DataModel model, ObservableList<TableColumn<List<String>, ?>> columns, ObservableList<List<String>> items) {
this.model = model ;
this.columns = columns;
this.items = items ;
buildColumns();
buildItems();
model.addDataListener(new ModelListener());
private void buildColumns() {
int numCols = model.getNumDeviationCategories();
List<TableColumn<List<String>, String>> colList = new ArrayList<TableColumn<List<String>, String>>();
double minDeviation = model.getMinDeviation() ;
double maxDeviation = model.getMaxDeviation() ;
double colDeviationIncrement = (maxDeviation - minDeviation) / (numCols-1) ;
Format percentFormat = DecimalFormat.getPercentInstance();
for (int col=0; col<numCols; col++) {
String colTitle = percentFormat.format(minDeviation + col*colDeviationIncrement);
TableColumn<List<String>, String> column = new TableColumn<List<String>, String>(colTitle);
final int colIndex = col ;
column.setCellValueFactory(new Callback<TableColumn.CellDataFeatures<List<String>,String>,ObservableValue<String>>() {
@Override
public ObservableValue<String> call(
CellDataFeatures<List<String>, String> cellDataFeatures) {
List<String> data = cellDataFeatures.getValue();
return new SimpleStringProperty(data.get(colIndex));
colList.add(column);
columns.clear();
columns.addAll(colList);
private void buildItems() {
List<List<String>> itemList = new ArrayList<List<String>>();
int numCols = model.getNumDeviationCategories() ;
for (int row = 0; row<model.getNumRows(); row++) {
List<String> data = new ArrayList<String>();
double minDeviation = model.getMinDeviation() ;
double colDeviationIncrement = (model.getMaxDeviation() - minDeviation) / (numCols-1) ;
for (int col = 0 ; col < numCols; col++) {
double deviation = minDeviation + col * colDeviationIncrement ;
data.add(model.getValue(row, deviation));
itemList.add(data);
items.clear();
items.addAll(itemList);
private class ModelListener implements DataListener {
@Override
public void deviationRangeChanged(DataEvent event) {
double minDeviation = model.getMinDeviation();
double maxDeviation = model.getMaxDeviation();
int numCols = model.getNumDeviationCategories();
double colDeviationIncrement = (maxDeviation - minDeviation) / (numCols-1);
Format percentFormat = DecimalFormat.getPercentInstance();
for (int col=0; col<numCols; col++) {
String colTitle = percentFormat.format(minDeviation + col*colDeviationIncrement);
columns.get(col).setText(colTitle);
@Override
public void numDeviationCategoriesChanged(DataEvent event) {
buildItems();
buildColumns();
@Override
public void numRowsChanged(DataEvent event) {
buildItems();
}To test this out, I have a simple UI for changing the range of "deviations" displayed, the number of columns, and the number of rows. The controller for the UI simply instantiates a DataModel and passes calls to it when the user changes these values. In real life, of course, the changes to the data model could come from anywhere - likely from polling a server or server push. The UI also contains the TableView, retrieves the columns and items from it, and passes those, along with the data model to a TableDataModel which ties it all together. This isn't really part of the infrastructure, but for completeness here's the controller:
Controller.java
public class Controller {
@FXML private TableView<List<String>> tableView ;
@FXML private TextField minDevTF ;
@FXML private TextField maxDevTF ;
@FXML private TextField numColsTF ;
@FXML private TextField numRowsTF ;
@FXML private Button minDevIncButton ;
@FXML private Button minDevDecButton ;
@FXML private Button maxDevIncButton ;
@FXML private Button maxDevDecButton ;
@FXML private Button numColsIncButton ;
@FXML private Button numColsDecButton ;
@FXML private Button numRowsIncButton ;
@FXML private Button numRowsDecButton ;
private DataModel model ;
public void initialize() {
model = new DataModel(0.8, 1.2, 5, 6);
final TableDataModel tableModel = new TableDataModel(model, tableView.getColumns(), tableView.getItems());
model.addDataListener(new DataListener() {
@Override
public void deviationRangeChanged(DataEvent event) {
if (model.getMaxDeviation() - model.getMinDeviation() <= 0.01) {
minDevIncButton.setDisable(true);
maxDevDecButton.setDisable(true);
} else {
minDevIncButton.setDisable(false);
maxDevDecButton.setDisable(false);
Format percentFormat = DecimalFormat.getPercentInstance();
minDevTF.setText(percentFormat.format(model.getMinDeviation()));
maxDevTF.setText(percentFormat.format(model.getMaxDeviation()));
@Override
public void numDeviationCategoriesChanged(DataEvent event) {
numColsDecButton.setDisable(model.getNumDeviationCategories() <= 2);
numColsTF.setText(Integer.toString(model.getNumDeviationCategories()));
@Override
public void numRowsChanged(DataEvent event) {
numRowsDecButton.setDisable(model.getNumRows() <= 2);
numRowsTF.setText(Integer.toString(model.getNumRows()));
Format percentFormat = DecimalFormat.getPercentInstance();
minDevTF.setText(percentFormat.format(model.getMinDeviation()));
maxDevTF.setText(percentFormat.format(model.getMaxDeviation()));
numColsTF.setText(Integer.toString(model.getNumDeviationCategories()));
numRowsTF.setText(Integer.toString(model.getNumRows()));
public void decrementMinDeviation() {
model.setMinDeviation(model.getMinDeviation() - 0.01);
public void incrementMinDeviation() {
model.setMinDeviation(model.getMinDeviation() + 0.01);
public void decrementMaxDeviation() {
model.setMaxDeviation(model.getMaxDeviation() - 0.01);
public void incrementMaxDeviation() {
model.setMaxDeviation(model.getMaxDeviation() + 0.01);
public void decrementNumColumns() {
model.setNumDeviationCategories(model.getNumDeviationCategories() - 1);
public void incrementNumColumns() {
model.setNumDeviationCategories(model.getNumDeviationCategories() + 1);
public void decrementNumRows() {
model.setNumRows(model.getNumRows() - 1);
public void incrementNumRows() {
model.setNumRows(model.getNumRows() + 1);
}Here's the FXML for the UI:
root.fxml:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.control.ScrollPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.layout.FlowPane?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.shape.Path?>
<?import javafx.scene.shape.MoveTo?>
<?import javafx.scene.shape.LineTo?>
<?import javafx.scene.shape.ClosePath?>
<?import javafx.scene.paint.Color?>
<?import javafx.scene.control.ProgressIndicator?>
<BorderPane xmlns:fx="http://javafx.com/fxml"
fx:controller="edu.marshall.denvir.tests.gridlike.Controller">
<top>
<FlowPane>
<HBox>
<Label text="Min Deviation:"/>
<TextField fx:id="minDevTF" editable="false" />
<VBox>
<Button fx:id="minDevIncButton" prefWidth="20" prefHeight="10" minWidth="20" minHeight="10" onAction="#incrementMinDeviation">
<graphic>
<Path fill="BLACK">
<elements>
<MoveTo x="0" y="4"/>
<LineTo x="2" y="0"/>
<LineTo x="4" y="4"/>
<ClosePath/>
</elements>
</Path>
</graphic>
</Button>
<Button fx:id="minDevDecButton" prefWidth="20" prefHeight="10" minWidth="20" minHeight="10" onAction="#decrementMinDeviation">
<graphic>
<Path fill="BLACK">
<elements>
<MoveTo x="0" y="4"/>
<LineTo x="2" y="0"/>
<LineTo x="4" y="4"/>
<ClosePath/>
</elements>
</Path>
</graphic>
</Button>
</VBox>
</HBox>
<HBox>
<Label text="Max Deviation:" />
<TextField fx:id="maxDevTF" editable="false" />
<VBox>
<Button fx:id="maxDevIncButton" prefWidth="20" prefHeight="10" minWidth="20" minHeight="10" onAction="#incrementMaxDeviation" styleClass="increment-button">
<graphic>
<Path fill="BLACK">
<elements>
<MoveTo x="0" y="4"/>
<LineTo x="2" y="0"/>
<LineTo x="4" y="4"/>
<ClosePath/>
</elements>
</Path>
</graphic>
</Button>
<Button fx:id="maxDevDecButton" prefWidth="20" prefHeight="10" minWidth="20" minHeight="10" onAction="#decrementMaxDeviation">
<graphic>
<Path fill="BLACK">
<elements>
<MoveTo x="0" y="4"/>
<LineTo x="2" y="0"/>
<LineTo x="4" y="4"/>
<ClosePath/>
</elements>
</Path>
</graphic>
</Button>
</VBox>
</HBox>
<HBox>
<Label text="Number of columns:" />
<TextField fx:id="numColsTF" editable="false" />
<VBox>
<Button fx:id="numColsIncButton" prefWidth="20" prefHeight="10" minWidth="20" minHeight="10" onAction="#incrementNumColumns">
<graphic>
<Path fill="BLACK">
<elements>
<MoveTo x="0" y="4"/>
<LineTo x="2" y="0"/>
<LineTo x="4" y="4"/>
<ClosePath/>
</elements>
</Path>
</graphic>
</Button>
<Button fx:id="numColsDecButton" prefWidth="20" prefHeight="10" minWidth="20" minHeight="10" onAction="#decrementNumColumns">
<graphic>
<Path fill="BLACK">
<elements>
<MoveTo x="0" y="4"/>
<LineTo x="2" y="0"/>
<LineTo x="4" y="4"/>
<ClosePath/>
</elements>
</Path>
</graphic>
</Button>
</VBox>
</HBox>
<HBox>
<Label text="Number of Rows:" />
<TextField fx:id="numRowsTF" editable="false" />
<VBox>
<Button fx:id="numRowsIncButton" prefWidth="20" prefHeight="10" minWidth="20" minHeight="10" onAction="#incrementNumRows">
<graphic>
<Path fill="BLACK">
<elements>
<MoveTo x="0" y="4"/>
<LineTo x="2" y="0"/>
<LineTo x="4" y="4"/>
<ClosePath/>
</elements>
</Path>
</graphic>
</Button>
<Button fx:id="numRowsDecButton" prefWidth="20" prefHeight="10" minWidth="20" minHeight="10" onAction="#decrementNumRows">
<graphic>
<Path fill="BLACK">
<elements>
<MoveTo x="0" y="4"/>
<LineTo x="2" y="0"/>
<LineTo x="4" y="4"/>
<ClosePath/>
</elements>
</Path>
</graphic>
</Button>
</VBox>
</HBox>
</FlowPane>
</top>
<center>
<TableView fx:id="tableView"/>
</center>
</BorderPane>and finally the test driver:
Gridlike.java:
public class Gridlike extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
Parent root = FXMLLoader.load(getClass().getResource("root.fxml"));
Scene scene = new Scene(root, 600, 400);
primaryStage.setScene(scene);
primaryStage.sizeToScene();
primaryStage.show();
public static void main(String[] args) {
launch(args);
}So that seems to me not to be too bad. Obviously in the real world there's likely to be way more functionality in the data model and table data model implementations, but the structure is pretty clean and it should integrate pretty nicely with existing structures without much effort.
One thing I don't like is having to pass the ObservableLists to the TableDataModel. I'd prefer the TableDataModel simply to instantiate it's own lists and expose them, the way it is seems like too much strong couple from the model to the view. The problem is that the TableView only exposes ObservableLists. If it exposed ListPropertys, then those properties could just be bound to arbitrary list properties (or observable lists) exposed by a TableDataModel, which I think would be a bit cleaner.
In terms of having APIs for binding directly from TableViews to JDBC code, or similar, I think that would be nice but is probably a bit unrealistic at this stage. What happened in the web app world was that this kind of functionality was implemented by third party frameworks, and only after the use cases had really settled down did Sun/Oracle provide standard implementations (JPA and JSF, depending on what you're looking for). I don't think we'll have to wait as long as we waited for those, but I'd guess it will be a while.
The row headers, however, would be pretty nice, and it seems those could be fairly easily added to the TableView API. It shouldn't be too hard to create a column for them and style it so it looks different, but it would mess with the cleanliness of the data model.
Just my $0.02 worth... -
How to get ALL values as default for a drop down box in JSF
Hi,
I have a drop down box in JSF page which retrieves values from LOVCache.java. I have values like Company, Client, User, ALL in the drop down box.
By default blank value is selected for the drop down box. I want to make ALL(which retrieves data for all the values) as default value for the drop down box.
Could any body help me? Any help must be appreciated.
Thanks,
AseetThanks Nikhil. But I am fetching the values from the LOVCache.java.
I am using <af:selectManyChoice>. Is there any way I can use LOVCache.java value for selecting default values instead of hard coding?
I mean to say can I write
unselectedLabel="#{LOVCache.entityTypeSelectionList.anyValue}"
where LOVCache.entityTypeSelectionList is used to populate the drop down box.
Regards,
Aseet -
I am trying to use java file as Model layer and jsf as presentation layer
I am trying to use java file as Model layer and jsf as presentation layer and need some help
I successfully get the value of h:outputText from java file by doing simple binding operation but I am facing problems when I am trying to fill h:dataTable
I create java file
package oracle.model;
import java.sql.;*
import java.util.;*
*public class TableBean {*
Connection con ;
Statement ps;
ResultSet rs;
private List perInfoAll = new ArrayList();
*public List getperInfoAll() {*
perInfoAll.add(0,new perInfo("name","username","blablabla"));
return perInfoAll;
*public class perInfo {*
String uname;
String firstName;
String lastName;
*public perInfo(String firstName,String lastName,String uname) {*
this.uname = uname;
this.firstName = firstName;
this.lastName = lastName;
*public String getUname() {*
return uname;
*public String getFirstName() {*
return firstName;
*public String getLastName() {*
return lastName;
right click on the file and choose 'create data control'
then i wrote the jsf file:
*<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>*
*<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>*
*<f:view>*
*<h:dataTable id="dt1" value="#{bindings.perInfoAll}"*
var="item" bgcolor="#F1F1F1" border="10"
cellpadding="5" cellspacing="3" rows="4" width="50%"
dir="LTR" frame="hsides" rules="all"
*>*
*<f:facet name="header">*
*<h:outputText value="This is 'dataTable' demo" id="ot6"/>*
*</f:facet>*
*<h:column id="c2">*
*<f:facet name="header">*
*<h:outputText value="First Name" id="ot1"/>*
*</f:facet>*
*<h:outputText style="" value="#{item.firstName}"*
id="ot2"/>
*</h:column>*
*<h:column id="c4">*
*<f:facet name="header">*
*<h:outputText value="Last Name" id="ot9"/>*
*</f:facet>*
*<h:outputText value="#{item.lastName}" id="ot8"/>*
*</h:column>*
*<h:column id="c3">*
*<f:facet name="header">*
*<h:outputText value="Username" id="ot7"/>*
*</f:facet>*
*<h:outputText value="#{item.uname}" id="ot4"/>*
*</h:column>*
*<f:facet name="footer">*
*<h:outputText value="The End" id="ot3"/>*
*</f:facet>*
*</h:dataTable>*
*</center>*
*</af:document>*
*</f:view>*
but nothing is appear in my table
I know that there is something wrong in calling the binding object
I need help pls and where can i find some help to deal with another tag types
thanksi dragged the "perInfoAll" from my "Data Controls" and choosed adf table (even I know that new table with adf tags well be generated and i want table with jsf tags)
and this code is generated
*<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"*
*"http://www.w3.org/TR/html4/loose.dtd">*
*<%@ page contentType="text/html;charset=UTF-8"%>*
*<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>*
*<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>*
*<%@ taglib uri="http://xmlns.oracle.com/adf/faces/rich" prefix="af"%>*
*<f:view>*
*<af:document id="d1">*
*<af:messages id="m1"/>*
*<af:form id="f1">*
*<af:table value="#{bindings.perInfoAll1.collectionModel}" var="row"*
*rows="#{bindings.perInfoAll1.rangeSize}"*
*emptyText="#{bindings.perInfoAll1.viewable ? 'No data to display.' : 'Access Denied.'}"*
*fetchSize="#{bindings.perInfoAll1.rangeSize}"*
*rowBandingInterval="0"*
*selectionListener="#{bindings.perInfoAll1.collectionModel.makeCurrent}"*
*rowSelection="multiple" id="t1">*
*<af:column sortProperty="uname" sortable="false"*
*headerText="#{bindings.perInfoAll1.hints.uname.label}"*
*id="c1">*
*<af:inputText value="#{row.bindings.uname.inputValue}"*
*label="#{bindings.perInfoAll1.hints.uname.label}"*
*required="#{bindings.perInfoAll1.hints.uname.mandatory}"*
*columns="#{bindings.perInfoAll1.hints.uname.displayWidth}"*
*maximumLength="#{bindings.perInfoAll1.hints.uname.precision}"*
*shortDesc="#{bindings.perInfoAll1.hints.uname.tooltip}"*
*id="it3">*
*<f:validator binding="#{row.bindings.uname.validator}"/>*
*</af:inputText>*
*</af:column>*
*<af:column sortProperty="firstName" sortable="false"*
*headerText="#{bindings.perInfoAll1.hints.firstName.label}"*
*id="c2">*
*<af:inputText value="#{row.bindings.firstName.inputValue}"*
*label="#{bindings.perInfoAll1.hints.firstName.label}"*
*required="#{bindings.perInfoAll1.hints.firstName.mandatory}"*
*columns="#{bindings.perInfoAll1.hints.firstName.displayWidth}"*
*maximumLength="#{bindings.perInfoAll1.hints.firstName.precision}"*
*shortDesc="#{bindings.perInfoAll1.hints.firstName.tooltip}"*
*id="it2">*
*<f:validator binding="#{row.bindings.firstName.validator}"/>*
*</af:inputText>*
*</af:column>*
*<af:column sortProperty="lastName" sortable="false"*
*headerText="#{bindings.perInfoAll1.hints.lastName.label}"*
*id="c3">*
*<af:inputText value="#{row.bindings.lastName.inputValue}"*
*label="#{bindings.perInfoAll1.hints.lastName.label}"*
*required="#{bindings.perInfoAll1.hints.lastName.mandatory}"*
*columns="#{bindings.perInfoAll1.hints.lastName.displayWidth}"*
*maximumLength="#{bindings.perInfoAll1.hints.lastName.precision}"*
*shortDesc="#{bindings.perInfoAll1.hints.lastName.tooltip}"*
*id="it1">*
*<f:validator binding="#{row.bindings.lastName.validator}"/>*
*</af:inputText>*
*</af:column>*
*</af:table>*
*</af:form>*
*</af:document>*
*</f:view>*
but when run it i see the following errors
*Class oracle.adf.model.adapter.bean.BeanDataControl can not access a member of class nl.amis.hrm.EmpManager with modifiers "private"*
*Object EmpManager of type DataControl is not found.*
*java.lang.NullPointerException*
*Class oracle.adf.model.adapter.bean.BeanDataControl can not access a member of class nl.amis.hrm.EmpManager with modifiers "private"*
*Object EmpManager of type DataControl is not found.*
*java.lang.NullPointerException*
:( -
How to get security roles in a JSF portlet
I need to get the LDAP user-roles available in the Sun Portal Server 7 in my JSF-168 portlet.
I've added the mapping file, updated the portlet.xml and web.xml, deployed the portlet (psconsole). But the portlet shows the "content not available" error with javax....title title.
I've probably messed up the descriptors, but I don't see what is wrong. Here they are:
roleMaps.properties
cn\=VSM.Administrator,dc\=neco,dc\=cz=Administrator
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4">
<context-param>
<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
<param-value>server</param-value>
</context-param>
<context-param>
<param-name>javax.faces.CONFIG_FILES</param-name>
<param-value>/WEB-INF/navigation.xml,/WEB-INF/managed-beans.xml</param-value>
</context-param>
<context-param>
<param-name>com.sun.faces.validateXml</param-name>
<param-value>true</param-value>
</context-param>
<context-param>
<param-name>com.sun.faces.verifyObjects</param-name>
<param-value>false</param-value>
</context-param>
<filter>
<filter-name>UploadFilter</filter-name>
<filter-class>com.sun.rave.web.ui.util.UploadFilter</filter-class>
<init-param>
<description>
The maximum allowed upload size in bytes. If this is set
to a negative value, there is no maximum. The default
value is 1000000.
</description>
<param-name>maxSize</param-name>
<param-value>1000000</param-value>
</init-param>
<init-param>
<description>
The size (in bytes) of an uploaded file which, if it is
exceeded, will cause the file to be written directly to
disk instead of stored in memory. Files smaller than or
equal to this size will be stored in memory. The default
value is 4096.
</description>
<param-name>sizeThreshold</param-name>
<param-value>4096</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>UploadFilter</filter-name>
<servlet-name>Faces Servlet</servlet-name>
</filter-mapping>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>ExceptionHandlerServlet</servlet-name>
<servlet-class>com.sun.errorhandler.ExceptionHandler</servlet-class>
<init-param>
<param-name>errorHost</param-name>
<param-value>localhost</param-value>
</init-param>
<init-param>
<param-name>errorPort</param-name>
<param-value>25444</param-value>
</init-param>
</servlet>
<servlet>
<servlet-name>ThemeServlet</servlet-name>
<servlet-class>com.sun.rave.web.ui.theme.ThemeServlet</servlet-class>
</servlet>
<servlet>
<description>Generated By Sun Java Studio Creator</description>
<display-name>CreatorPortlet Wrapper</display-name>
<servlet-name>VSMPortal</servlet-name>
<servlet-class>org.apache.pluto.core.PortletServlet</servlet-class>
<init-param>
<param-name>portlet-class</param-name>
<param-value>com.sun.faces.portlet.FacesPortlet</param-value>
</init-param>
<init-param>
<param-name>portlet-guid</param-name>
<param-value>VSMPortal.VSMPortal</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>ExceptionHandlerServlet</servlet-name>
<url-pattern>/error/ExceptionHandler</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>ThemeServlet</servlet-name>
<url-pattern>/theme/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>VSMPortal</servlet-name>
<url-pattern>/VSMPortal/*</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>faces/null</welcome-file>
</welcome-file-list>
<error-page>
<exception-type>javax.servlet.ServletException</exception-type>
<location>/error/ExceptionHandler</location>
</error-page>
<error-page>
<exception-type>java.io.IOException</exception-type>
<location>/error/ExceptionHandler</location>
</error-page>
<error-page>
<exception-type>javax.faces.FacesException</exception-type>
<location>/error/ExceptionHandler</location>
</error-page>
<error-page>
<exception-type>com.sun.rave.web.ui.appbase.ApplicationException</exception-type>
<location>/error/ExceptionHandler</location>
</error-page>
<jsp-config>
<jsp-property-group>
<url-pattern>*.jspf</url-pattern>
<is-xml>true</is-xml>
</jsp-property-group>
</jsp-config>
<security-role>
<role-name>Administrator</role-name>
</security-role>
</web-app>
portlet.xml
<?xml version='1.0' encoding='UTF-8' ?>
<portlet-app xmlns='http://java.sun.com/xml/ns/portlet/portlet-app_1_0.xsd' xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance' xsi:schemaLocation='http://java.sun.com/xml/ns/portlet/portlet-app_1_0.xsd http://java.sun.com/xml/ns/portlet/portlet-app_1_0.xsd' version='1.0'>
<portlet>
<description>Created By Java Studio Creator</description>
<portlet-name>VSMPortal</portlet-name>
<display-name>VSMPortal Portlet</display-name>
<portlet-class>com.sun.faces.portlet.FacesPortlet</portlet-class>
<init-param>
<name>com.sun.faces.portlet.INIT_VIEW</name>
<value>/Uctarna.jsp</value>
</init-param>
<expiration-cache>0</expiration-cache>
<supports>
<mime-type>text/html</mime-type>
<portlet-mode>VIEW</portlet-mode>
</supports>
<supported-locale>en</supported-locale>
<portlet-info>
<title>VSMPortal</title>
<short-title>VSMPortal</short-title>
<keywords>Creator</keywords>
</portlet-info>
<security-role-ref>
<role-name>Administrator</role-name>
<role-link>Administrator</role-link>
</security-role-ref>
</portlet>
</portlet-app>If I don't use the security-role and security-role-ref tags, the portlet works, and the isUserInRole method obviously doesn't.Nobody uses the LDAP roles in a portlet? Anybody knows other thread discussing similar issue (I can't find anything)?
-
JSF Pages are not rendering correctly when loaded using Non JSF actions
Hi All,
This problem is irritating me and I am posting the same query for the third time here.
When I come from non jsf actions such as page submitting using Javascript, clicking anchor link, clicking normal Html submit button and so on my page is not rendering correctlly .
In other words, My first GET method/Post method works perfectly for the first time when the page is loaded.
But when we try to access the page for the second time, although logical work is perfect in bean, I am getting same old page.
How to resolve this issue?
or
Is this Bug of Sun's Implementation of JSF Framework.
Thanks,
SudhakarHi Sudhakar,
There is a discussion about refreshing a page, Take a look at the below thread
http://swforum.sun.com/jive/thread.jspa?threadID=55660
Hope this what you are looking for
MJ -
Datagrid Image Renderer Broken in CS SDK but not Flex project
Within a Photoshop Extension, I have a DataGrid which has an inline custom image renderer whose dataprovider is an ArrayCollection called "photos" representing a list of photos and some metadata properties. One of the properties "fileName" is concatenated with a path to a thumbnail image such as source="{'LR_AUTO/imported/thumbs/' + data.fileName}".
The dataprovider is bound to a LCDS DataService. When the extension is first launched, the dataservice initializes the dataprovider with the existing values for the "photos" arraycollection. The thumbnail images are correctly shown.
However, when the DataService receives a new row and updates the photos dataprovider, the datagrid's new row shows a broken image for the thumbnail even though the path is correct. I have dumped the photos dataprovider and verified that all information is correct. When I close Photoshop and relaunch it from Flash Builder, once again LCDS initializes the photos ArrayCollection and THEN the thumbnail that previously showed as broken show up correctly.
I have a ColdFusion Directory Watcher Gateway that watches a directory where Lightroom auto-imports images from a tethered capture session. When the camera sends Lightroom a new image, the new image is processed by Lightroom and moved to a target directory, and since ColdFusion's Directory Watcher is watching that targeted directory, ColdFusion will create a thumbnail image in a subfolder and notifiy LCDS that of the new image and related metadata.
*** This is the interesting part *** When Lightroom places new images in the target directory, this is propogated to the Photoshop Extension's datagrid, and the new row shows up as described earlier, showing a broken image for the thumbnail. BUT, instead of Lightroom, if I manually copy images to the folder where ColdFusion is watching, then exact same code path is exectuted and in the Photoshop Datagrid the new row appears and THE THUMBNAIL IMAGE shows up correctly.
The difference seems to be only in how the images are put in the original target location. The problem is when Lightroom puts them there, but it works when I put them there as a user.
*** More Interesting Info *** I have the Flex code for the Photoshop Extension duplicated in a standalone, non-CSSDK project using Flex 3.4 which I launch in a browser. I have mirrored the code in the Photoshop extension, but in this manner, the problem does not exist. With plain Flex 3.4 in a browser, whenever LCDS notifies the datagrid of a new photo record, the datagrid's new row ALWAYS shows the thumbnail correctly.
A primary difference in how the thumbnail image is rendered is that in a browser, the Flex 3.4 project accesses the image assets over the network, however, in the Photoshop Extension, the image asset WITH THE SAME RELATIVE PATH is accessed over the local file system.
source="{'LR_AUTO/imported/thumbs/' + data.fileName}"
So in the case of the browser, this path is a relative URL and the image is retrieved over HTTP, however, in the PS Extension, the same path represents a file system path relative to the project folder.
Unfortunately, because the Flash Player (including APE) cannot access BOTH the network and the local filesystem, so I cannot change the Extension to use network access.
** The important part to remember is that when I stop the Flash Builder debug session and close Photoshop, then relaunch the debug with Photoshop, then all the images show up correctly in the Extension.
Your advice is appreciated.
Thank you!
Steve
====================================================
Environment
====================================================
Photoshop CS5 Extended 12.01 x32
Flash Builder 4
CS SDK 1.02
Extension Builder SDK 3.4
MacBook Pro / OS X 10.5 / Intel Core 2 Duo 2.66 GHz / Procs: 1 / Cores: 2 / Memory: 8 GB
App configured for Photoshop CS5 and Photoshop CS5 Extended
====================================================
NewsAgencyPhotoshop.mxml
====================================================
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="com.stevenerat.news.*"
horizontalScrollPolicy="off" verticalScrollPolicy="off" verticalGap="0"
layout="vertical" horizontalAlign="left" backgroundColor="#353535"
historyManagementEnabled="false"
creationComplete="init();">
<mx:Script>
public function handlePhotoClick(data:Object):void {
this.PreviewImageWindow = PreviewImage(PopUpManager.createPopUp(this,PreviewImage,true));
var filePath:String = data.dirPath + data.fileName;
PreviewImageWindow.addEventListener("imageOpenEvent",imageOpenListener);
PreviewImageWindow.addEventListener("imageCloseEvent",imageCloseListener);
PreviewImageWindow.addEventListener("imageSavedEvent",imageSaveListener);
PreviewImageWindow.setFileName(data.fileName);
PreviewImageWindow.setFilePath(filePath);
PreviewImageWindow.y = 0;
PreviewImageWindow.x = 0;
]]>
</mx:Script>
<mx:ArrayCollection id="photos"/>
<NewsPhoto/>
<mx:DataService id="ds" destination="NewsAgencyPhotos" autoSyncEnabled="true" autoCommit="true" conflict="conflictHandler(event)"/>
<mx:Label text="News Agency Photos" fontSize="20" paddingBottom="30"/>
<mx:Label text="Available Images" fontSize="15"/>
<mx:DataGrid id="photoIPTC" dataProvider="{photos}" editable="true" width="220" rowCount="5" rowHeight="75" wordWrap="true">
<mx:columns>
<mx:DataGridColumn headerText="id" dataField="fileName" width="40" editable="false" sortDescending="true"/>
<mx:DataGridColumn dataField="psLock" width="65" headerText="Status" editable="false" editorDataField="value">
<mx:itemEditor>
<mx:Component>
<mx:ComboBox editable="false">
<mx:dataProvider>
<mx:String>New</mx:String>
<mx:String>Open</mx:String>
<mx:String>Edited</mx:String>
</mx:dataProvider>
</mx:ComboBox>
</mx:Component>
</mx:itemEditor>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="Photo" dataField="fileName" width="80" editable="false">
<mx:itemRenderer>
<mx:Component>
<mx:HBox horizontalAlign="center" horizontalScrollPolicy="off" verticalScrollPolicy="off">
<mx:Image click="outerDocument.handlePhotoClick(data);" source="{'LR_AUTO/imported/thumbs/' + data.fileName}" width="75" height="75"/>
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
</mx:Application>
====================================================
A DUMP OF THE DATAPROVIDER
in this case, one array item existed when launched, then a second was added
while running. The first has its thumbnail show, the second item has broken image
====================================================
------------------DUMP----------------------------
(mx.collections::ArrayCollection)#0
filterFunction = (null)
length = 2
list = (mx.data::DataList)#1
fillParameters = (Array)#2
length = 2
localItems = (Array)#3
[0] (com.stevenerat.news::NewsPhoto)#4
aperture = "F10"
cameraLens = "EF24-70mm f/2.8L USM"
cameraModel = "Canon EOS 7D"
city = ""
copyrightNotice = "© Steven Erat 2011"
country = ""
creator = "Steven Erat"
description = ""
dirPath = "/Users/stevenerat/LR_AUTO/imported/"
fileName = "ERAT_STEVEN_20110122_162.jpg"
focalLen = "42.0 mm"
headline = ""
id = 1
iso = "100"
keywords = "Alt, Dramatic, Fashion, Girl, Glamorous, Glamour, Inked, Model, Portrait, SOPHA"
psLock = "New"
shutterSpeed = "1/128 sec"
state = ""
[1] (com.stevenerat.news::NewsPhoto)#5
aperture = "F10"
cameraLens = "EF24-70mm f/2.8L USM"
cameraModel = "Canon EOS 7D"
city = ""
copyrightNotice = "© Steven Erat 2011"
country = ""
creator = "Steven Erat"
description = ""
dirPath = "/Users/stevenerat/LR_AUTO/imported/"
fileName = "ERAT_STEVEN_20110122_163.jpg"
focalLen = "42.0 mm"
headline = ""
id = 2
iso = "100"
keywords = "Alt, Dramatic, Fashion, Girl, Glamorous, Glamour, Inked, Model, Portrait, SOPHA"
psLock = "New"
shutterSpeed = "1/128 sec"
state = ""
uid = "8BAC025E-60D1-11F1-3654-44BDB0D218CE"
view = (mx.collections::ArrayCollection)#6
filterFunction = (null)
length = 2
list = (mx.data::DataList)#1
sort = (null)
source = (null)
sort = (null)
source = (null)
------------------END_DUMP------------------------I expected that if my extension uses the local filesystem AND the network that I would get a Security Sandbox Exception as I recently described in this thread:
http://forums.adobe.com/thread/791918?tstart=0
However, I just tried changing my datagrid image renderer to access the thumbnail via HTTP and the thumbnail issue after Lightroom export does not happen.
<mx:DataGridColumn headerText="Photo" dataField="fileName" width="80" editable="false">
<mx:itemRenderer>
<mx:Component>
<mx:HBox horizontalAlign="center" horizontalScrollPolicy="off" verticalScrollPolicy="off">
<mx:Image click="outerDocument.handlePhotoClick(data);" source="{'http://localhost:8500/LR_AUTO/imported/thumbs/' + data.fileName}" width="75" height="75"/>
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
Furthermore, I can also open the image via the Photoshop DOM, and it does open correctly. It seems that I do have a solution now, although I'm not certain as to why I'm not getting a Security Sandbox Exception as I described in the other post.
Thanks for reading. -
Any way (event) to call Java method after view created in JSF 2.0
Hi,
I am using JSF 2.0 Mojarra's implementation.
I am interested to know if there is a way to call Java methods before and/or after view has been restored.
I wanted to initialize data for my page in this Java method.
I could see there is an event class PostRestoreStateEvent added in JSF 2.0. How to use it?
I tired to use f:event element as below, but it does not work. Can anyone share anyother idea to achieve this behaviour?
<f:metadata>
<f:event type="postRestoreState" listener="#{employeeLoadBean.loadAfterRestoreView}"/>
</f:metadata>
Regards,
Kishore K SHi,
The problem is solved as below.
<f:metadata>
<f:event type="javax.faces.event.PostRestoreStateEvent" listener="#{employeeViewEventListener.postRestoreState}"/>
</f:metadata>
The above calls the Java method #{employeeViewEventListener.postRestoreState} whenever View has been restored.
It was not working when shortName of the event (ie., postRestoreState) is given and throwing ClassNotFound exception.
Regards,
Kishore K S -
DataGrid does not display XML data
Hello, and thanks for reading this...
I am having a problem displaying XMLList data in a DataGrid.
The data is coming from a Tree control, which is receiving it
from a database using HTTPService.
The data is a list of "Job Orders" from a MySQL database,
being formatted as XML by a PHP page.
If it would be helpful to see the actual XML, a sample is
here:
http://www.anaheimwib.com/_login/get_all_orders_test2.php
All is going well until I get to the DataGrid, which doesn't
display the data, although I know it is there as I can see it in
debug mode. I've checked the dataField property of the appropriate
DataGrid column, and it appears correct.
Following is a summary of the relevant code.
...An HTTPService named "get_all_job_orders" retrieves
records from a MySQL database via PHP...
...Results are formatted as E4X:
HTTPService resultFormat="e4x"
...An XMLListCollection's source property is set to the
returned E4X XML results:
...The "order" node is what is being used as the top-level of
the XML data.
<mx:XMLListCollection id="jobOrdersReviewXMLList"
source="{get_all_job_orders.lastResult.order}"/>
...The "jobOrdersReviewXMLList" collection is assigned to be
the dataProvider property of a Tree list, using the @name syntax to
display the nodes correctly, and a change event function is defined
to add the records to a DataGrid on a separate Component for
viewing the XML records:
<mx:Tree dataProvider="{jobOrdersReviewXMLList}"
labelField="@name"
change="jobPosForm.addTreePositionsToDG(event)"/>
...Here is the relevant "jobPosForm" code (the Job Positions
Form, a separate Component based on a Form) :
...A variable is declared:
[Bindable]
public var positionsArray:XMLList;
...The variable is initialized on CreationComplete event of
the Form:
positionsArray = new XMLList;
...The Tree's change event function is defined within the
"jobPosForm" Component.
...Clicking on a Tree node fires the Change event.
...This passes an event object to the function.
...This event object contains the XML from the selected Tree
node.
...The Tree node's XML data is passed into the positionsArray
XMLList.
...This array is the dataProvider for the DataGrid, as you
will see in the following block.
public function addTreePositionsToDG(event:Event):void{
this.positionsArray = selectedNode.positions.position;
...A datagrid has its dataProvider is bound to
positionsArray.
...(I will only show one column defined here for brevity.)
...This column has its dataField property set to "POS_TITLE",
a field in the returned XML record:
<mx:DataGrid width="100%" variableRowHeight="true"
height="75%" id="dgPositions"
dataProvider="{positionsArray}" editable="false">
<mx:columns>
<mx:DataGridColumn width="25" headerText="Position Title"
dataField="POS_TITLE"/>
</mx:columns>
</mx:DataGrid>
In debug mode, I can examine the datagrid's dataProvider
property, and see that the correct XML data from the Tree control
is present. However, The datagrid does not display the data in any
of its 6 columns.
Does anyone have any advice?
Thanks for your time.Hello again,
I came up with a method of populating the DataGrid from the
selected Item of a Tree Control which displays complex XML data and
XML attributes. After the user clicks on a Tree branch, I call this
function:
public function addTreePositionsToDG(event:Event):void{
//Retrieve all "position" nodes from tree.
//Loop thru each Position.
//Add Position data to the positionsArray Array Collection.
//The DataGrid dataprovider is bound to this array, and will
be updated.
positionsArray = new ArrayCollection();
var selectedNode:Object=event.target.selectedItem;//Contains
entire branch.
for each (var position:XML in
selectedNode.positions.position){
var posArray:Array = new Array();
posArray.PK_POSITIONID = position.@PK_POSITIONID;
posArray.FK_ORDERID = position.@FK_ORDERID;
posArray.POS_TITLE = position.@POS_TITLE;
posArray.NUM_YOUTH = position.@NUM_YOUTH;
posArray.AGE_1617 = position.@AGE_1617;
posArray.AGE_1821 = position.@AGE_1821;
posArray.HOURS_WK = position.@HOURS_WK;
posArray.WAGE_RANGE_FROM = position.@WAGE_RANGE_FROM;
posArray.WAGE_RANGE_TO = position.@WAGE_RANGE_TO;
posArray.JOB_DESCR = position.@JOB_DESCR;
posArray.DES_SKILLS = position.@DES_SKILLS;
positionsArray.addItem(posArray);
So, I just had to manually go through the selected Tree node,
copy each XML attribute into a simple Array, then ADD this Array to
an ArrayCollection being used as the DataProvider for the DataGrid.
It's not elegant, but it works and I don't have to use a Label
Function, which was getting way too complicated. I still think that
Flex should have an easier way of doing this. There probably is an
easier way, but the Flex documentation doesn't provide an easy path
to it.
I want to thank you, Tracy, for the all the help. I checked
out the examples you have at www.cflex.net and they are very
helpful. I bookmarked the site and will be using it as a resource
from now on.
Maybe you are looking for
-
How to install SAP netweaver on windows XP / 2003 server
hi all, i am new to SAP and trying to install SAP netweaver at my home PC. Appreciate if i could get the 'step by step installation guide' from this forum.. Please send it to [email protected] looking forward.. Rasul
-
So what can I do? I have Scrabble on my IPhone but since I downloaded the current update, I can no long play my games. It constantly says "Error" Please try again later but it continues to say the same thing time and time again. I purchased the gam
-
SQL*Loader-350: Syntax error at line 5.
Hi ,iam new for using sql*loader, with minimum understanding from the forums,Iam trying to load data from a flat file (.dat) to oracle database. here is my .dat file-------> data_file.dat aaaa, mumbai bbbb,kolkat here is my .ctl fle ---
-
We are running 11.1.1.4. Are there any recommendations for speeding up a dataexport of a BSO (Planning) cube? We are fixing on a specific member (or the level 0 children of that member) for each dimension. Thanks. Terri T.
-
Securing data from dba access , like Credit Card Details
Hello , is there any way of hiding CC details from all users in db level except specifc users enrypting cc data like oracle hashed passwords for ex, case (1) user 1 ( has access to these details ) select acc#,customer_name from cc_details output : it