Generating a REAL dynamic datatable
Hi,
I've been looking for a solution, reading a lot of books about server faces, understood the whole Beans concept, took some sun courses (incl 314) but still don't get one thing. I need to finish a project and i have to move on fast now.
I want to be able to :
Generate a dynamic datatable from any query, WITHOUT having to know and create each column component for each resulting column.
In addition i need to be able to have a commandbutton on each row, that would enable me to retrieve which row should be updated exactly.
I found tons of examples on that, some people on forums wrote about how to do dynamic datatables, but they created each column from start and binded them to a fix field. I read a lot and tried a lot and til now i was just dissappointed of some people's code spaming google search results on "dynamic datatable" that definetly is not a dynamic datatable.
I tried myfaces samples too from apache, decompiled their bean, but they backing it with a simple datamodel and an arraylist :-(
1. I need someone to explain me how to generate a dynamic datatable.
2. I need to back that datatable with a cachedRowSet or a ResultSet and to understand how to get UIData from a ResultSet.
Sincerely please help i really need help about that fast.
The goal i wanted to reach (and my definition of "dynamic") is not having to redesign everything as soon as something changes.
Because binding has to be done, objects have to be declared for each column, and because binding is not dynamic (no expression), you cannot have a REAL dynamic datatable. I got that now meanwhile.
Exactly as i thaught (still HTML cough), it's web-based and a problem of the programming language.
Like in Delphi Pascal, or any none web-based development language, one could have done such thing in 5 minutes.
The problem with Java JSP JSF is that you only find out its limits after you have put some time into it, but not when you get conviced to use it.
I remember speaches swearing "it can do everything that other languages can and more ..." Well, i don't think so.
I meanwhile found so many threads of programmers, having to migrate to Java JSP JSF and now being lost in the same situation.
Still open to any suggestions.
Similar Messages
-
How to create dynamic DataTable with dynamic header/column in JSF?
Hello everyone,
I am having problem of programmatically create multiple DataTables which have different number of column? In my JSF page, I should implement a navigation table and a data table. The navigation table displays the links of all tables in the database so that the data table will load the data when the user click any link in navigation table. I have gone through [BalusC's post|http://balusc.blogspot.com/2006/06/using-datatables.html#PopulateDynamicDatatable] and I found that the section "populate dynamic datatable" does show me some hints. In his code,
// Iterate over columns.
for (int i = 0; i < dynamicList.get(0).size(); i++) {
// Create <h:column>.
HtmlColumn column = new HtmlColumn();
dynamicDataTable.getChildren().add(column);
// Create <h:outputText value="dynamicHeaders"> for <f:facet name="header"> of column.
HtmlOutputText header = new HtmlOutputText();
header.setValue(dynamicHeaders[i]);
column.setHeader(header);
// Create <h:outputText value="#{dynamicItem[" + i + "]}"> for the body of column.
HtmlOutputText output = new HtmlOutputText();
output.setValueExpression("value",
createValueExpression("#{dynamicItem[" + i + "]}", String.class));
column.getChildren().add(output);
public HtmlPanelGroup getDynamicDataTableGroup() {
// This will be called once in the first RESTORE VIEW phase.
if (dynamicDataTableGroup == null) {
loadDynamicList(); // Preload dynamic list.
populateDynamicDataTable(); // Populate editable datatable.
return dynamicDataTableGroup;
I suppose the Getter method is only called once when the JSF page is loaded for the first time. By calling this Getter, columns are dynamically added to the table. However in my particular case, the dynamic list is not known until the user choose to view a table. That means I can not call loadDynamicList() in the Getter method. Subsequently, I can not execute the for loop in method "populateDynamicDataTable()".
So, how can I implement a real dynamic datatable with dynamic columns, or in other words, a dynamic table that can load data from different data tables (different number of columns) in the database at run-time?
Many thanks for any help in advance.flyeminent wrote:
However in my particular case, the dynamic list is not known until the user choose to view a table. Then move the call from the getter to the bean's action method. -
How can I generate a real-time highchart from my database data?
I have looked several links; however, I couldn't find a working demo showing how to implement a highchart using data from a database.
Objective: I want to generate a real time highchart line graph getting data from my database. What I want is very similar to the
HighChart Demo which provides a real-time highchart with randomly generated values. It is also similar by X-axis and Y-axis, for I want my x-axis to be "Time" (I have a DateTime column in my database) and y-axis to be an integer (I have
a variable for that as well in my database).
Please I need help in sending the model data to my razor view.
Note that I am already using SignalR to display a realtime table. I also want to know if it can be used to automatically update the highchart as well.
Below is the code snippet of my script in the view. I have used the code provided in
HighChart Demo link for generating the highchart. Please tell me where should I apply the changes on my code.
@section Scripts{
<script src="~/Scripts/jquery.signalR-2.2.0.js"></script>
<!--Reference the autogenerated SignalR hub script. -->
<script src="~/SignalR/Hubs"></script>
<script type="text/javascript">
$(document).ready(function () {
// Declare a proxy to reference the hub.
var notifications = $.connection.dataHub;
//debugger;
// Create a function that the hub can call to broadcast messages.
notifications.client.updateMessages = function () {
getAllMessages()
// Start the connection.
$.connection.hub.start().done(function () {
alert("connection started")
getAllMessages();
}).fail(function (e) {
alert(e);
//Highchart
Highcharts.setOptions({
global: {
useUTC: false
//Fill chart
$('#container').highcharts({
chart: {
type: 'spline',
animation: Highcharts.svg, // don't animate in old IE
marginRight: 10,
events: {
load: function () {
// set up the updating of the chart each second
var series = this.series[0];
setInterval(function () {
var x = (new Date()).getTime(), // current time
y = Math.random();
series.addPoint([x, y], true, true);
}, 1000);//300000
title: {
text: 'Live random data'
xAxis: {
type: 'datetime',
tickPixelInterval: 150
yAxis: {
title: {
text: 'Value'
plotLines: [{
value: 0,
width: 1,
color: '#808080'
tooltip: {
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' +
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
Highcharts.numberFormat(this.y, 2);
legend: {
enabled: false
exporting: {
enabled: false
series: [{
name: 'Random data',
data: (function () {
// generate an array of random data
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i += 1) {
data.push({
x: time + i * 1000,
y: Math.random()
return data;
function getAllMessages() {
var tbl = $('#messagesTable');
var data = @Html.Raw(JsonConvert.SerializeObject(this.Model))
$.ajax({
url: '/nurse/GetMessages',
data: {
id: data.id,
contentType: 'application/html ; charset:utf-8',
type: 'GET',
dataType: 'html'
}).success(function (result) {
tbl.empty().append(result);
$("#g_table").dataTable();
}).error(function (e) {
alert(e);
</script>Hi Sihem,
Thank you for contacting National Instruments. Using the LabVIEW Real-Time module, you can do development without actually having a target. While viewing the project explorer window, you can do the following steps:
Right click on the project
Select New >> Targets and Devices
Select the "New Target or Device" radio button
Select the target you would like to develop on.Information about the LabVIEW Real-Time Module can be found here.
Regards,
Kevin H
National Instruments
WSN/Wireless DAQ Product Support Engineer -
How to display or generate PDF417 barcode dynamically in PDF form? I am using Acrobat XI Professional and there is a Bar Code Field in the same through which I generated the same. But I want to generate the same dynamically.
What do you mean by dynamically? When yo set up a 2D bar code field you specify which field name/value pairs you want to include, along with other parameters. But be aware that they won't work with Reader unless you Reader-enable the document with LiveCycle Reader Extensions and include the bar code usage right. It will work with Acrobat Standard/Pro.
-
How to generate report with dynamic variable number of columns?
How to generate report with dynamic variable number of columns?
I need to generate a report with varying column names (state names) as follows:
SELECT AK, AL, AR,... FROM States ;
I get these column names from the result of another query.
In order to clarify my question, Please consider following table:
CREATE TABLE TIME_PERIODS (
PERIOD VARCHAR2 (50) PRIMARY KEY
CREATE TABLE STATE_INCOME (
NAME VARCHAR2 (2),
PERIOD VARCHAR2 (50) REFERENCES TIME_PERIODS (PERIOD) ,
INCOME NUMBER (12, 2)
I like to generate a report as follows:
AK CA DE FL ...
PERIOD1 1222.23 2423.20 232.33 345.21
PERIOD2
PERIOD3
Total 433242.23 56744.34 8872.21 2324.23 ...
The TIME_PERIODS.Period and State.Name could change dynamically.
So I can't specify the state name in Select query like
SELECT AK, AL, AR,... FROM
What is the best way to generate this report?SQL> -- test tables and test data:
SQL> CREATE TABLE states
2 (state VARCHAR2 (2))
3 /
Table created.
SQL> INSERT INTO states
2 VALUES ('AK')
3 /
1 row created.
SQL> INSERT INTO states
2 VALUES ('AL')
3 /
1 row created.
SQL> INSERT INTO states
2 VALUES ('AR')
3 /
1 row created.
SQL> INSERT INTO states
2 VALUES ('CA')
3 /
1 row created.
SQL> INSERT INTO states
2 VALUES ('DE')
3 /
1 row created.
SQL> INSERT INTO states
2 VALUES ('FL')
3 /
1 row created.
SQL> CREATE TABLE TIME_PERIODS
2 (PERIOD VARCHAR2 (50) PRIMARY KEY)
3 /
Table created.
SQL> INSERT INTO time_periods
2 VALUES ('PERIOD1')
3 /
1 row created.
SQL> INSERT INTO time_periods
2 VALUES ('PERIOD2')
3 /
1 row created.
SQL> INSERT INTO time_periods
2 VALUES ('PERIOD3')
3 /
1 row created.
SQL> INSERT INTO time_periods
2 VALUES ('PERIOD4')
3 /
1 row created.
SQL> CREATE TABLE STATE_INCOME
2 (NAME VARCHAR2 (2),
3 PERIOD VARCHAR2 (50) REFERENCES TIME_PERIODS (PERIOD),
4 INCOME NUMBER (12, 2))
5 /
Table created.
SQL> INSERT INTO state_income
2 VALUES ('AK', 'PERIOD1', 1222.23)
3 /
1 row created.
SQL> INSERT INTO state_income
2 VALUES ('CA', 'PERIOD1', 2423.20)
3 /
1 row created.
SQL> INSERT INTO state_income
2 VALUES ('DE', 'PERIOD1', 232.33)
3 /
1 row created.
SQL> INSERT INTO state_income
2 VALUES ('FL', 'PERIOD1', 345.21)
3 /
1 row created.
SQL> -- the basic query:
SQL> SELECT SUBSTR (time_periods.period, 1, 10) period,
2 SUM (DECODE (name, 'AK', income)) "AK",
3 SUM (DECODE (name, 'CA', income)) "CA",
4 SUM (DECODE (name, 'DE', income)) "DE",
5 SUM (DECODE (name, 'FL', income)) "FL"
6 FROM state_income, time_periods
7 WHERE time_periods.period = state_income.period (+)
8 AND time_periods.period IN ('PERIOD1','PERIOD2','PERIOD3')
9 GROUP BY ROLLUP (time_periods.period)
10 /
PERIOD AK CA DE FL
PERIOD1 1222.23 2423.2 232.33 345.21
PERIOD2
PERIOD3
1222.23 2423.2 232.33 345.21
SQL> -- package that dynamically executes the query
SQL> -- given variable numbers and values
SQL> -- of states and periods:
SQL> CREATE OR REPLACE PACKAGE package_name
2 AS
3 TYPE cursor_type IS REF CURSOR;
4 PROCEDURE procedure_name
5 (p_periods IN VARCHAR2,
6 p_states IN VARCHAR2,
7 cursor_name IN OUT cursor_type);
8 END package_name;
9 /
Package created.
SQL> CREATE OR REPLACE PACKAGE BODY package_name
2 AS
3 PROCEDURE procedure_name
4 (p_periods IN VARCHAR2,
5 p_states IN VARCHAR2,
6 cursor_name IN OUT cursor_type)
7 IS
8 v_periods VARCHAR2 (1000);
9 v_sql VARCHAR2 (4000);
10 v_states VARCHAR2 (1000) := p_states;
11 BEGIN
12 v_periods := REPLACE (p_periods, ',', ''',''');
13 v_sql := 'SELECT SUBSTR(time_periods.period,1,10) period';
14 WHILE LENGTH (v_states) > 1
15 LOOP
16 v_sql := v_sql
17 || ',SUM(DECODE(name,'''
18 || SUBSTR (v_states,1,2) || ''',income)) "' || SUBSTR (v_states,1,2)
19 || '"';
20 v_states := LTRIM (SUBSTR (v_states, 3), ',');
21 END LOOP;
22 v_sql := v_sql
23 || 'FROM state_income, time_periods
24 WHERE time_periods.period = state_income.period (+)
25 AND time_periods.period IN (''' || v_periods || ''')
26 GROUP BY ROLLUP (time_periods.period)';
27 OPEN cursor_name FOR v_sql;
28 END procedure_name;
29 END package_name;
30 /
Package body created.
SQL> -- sample executions from SQL:
SQL> VARIABLE g_ref REFCURSOR
SQL> EXEC package_name.procedure_name ('PERIOD1,PERIOD2,PERIOD3','AK,CA,DE,FL', :g_ref)
PL/SQL procedure successfully completed.
SQL> PRINT g_ref
PERIOD AK CA DE FL
PERIOD1 1222.23 2423.2 232.33 345.21
PERIOD2
PERIOD3
1222.23 2423.2 232.33 345.21
SQL> EXEC package_name.procedure_name ('PERIOD1,PERIOD2','AK,AL,AR', :g_ref)
PL/SQL procedure successfully completed.
SQL> PRINT g_ref
PERIOD AK AL AR
PERIOD1 1222.23
PERIOD2
1222.23
SQL> -- sample execution from PL/SQL block
SQL> -- using parameters derived from processing
SQL> -- cursors containing results of other queries:
SQL> DECLARE
2 CURSOR c_period
3 IS
4 SELECT period
5 FROM time_periods;
6 v_periods VARCHAR2 (1000);
7 v_delimiter VARCHAR2 (1) := NULL;
8 CURSOR c_states
9 IS
10 SELECT state
11 FROM states;
12 v_states VARCHAR2 (1000);
13 BEGIN
14 FOR r_period IN c_period
15 LOOP
16 v_periods := v_periods || v_delimiter || r_period.period;
17 v_delimiter := ',';
18 END LOOP;
19 v_delimiter := NULL;
20 FOR r_states IN c_states
21 LOOP
22 v_states := v_states || v_delimiter || r_states.state;
23 v_delimiter := ',';
24 END LOOP;
25 package_name.procedure_name (v_periods, v_states, :g_ref);
26 END;
27 /
PL/SQL procedure successfully completed.
SQL> PRINT g_ref
PERIOD AK AL AR CA DE FL
PERIOD1 1222.23 2423.2 232.33 345.21
PERIOD2
PERIOD3
PERIOD4
1222.23 2423.2 232.33 345.21 -
To find the "column value" when clicked on Dynamic datatable
I ahve done a dynamic table where the first row alone i ahve declared as command link.So when I click on the commadn link I need to get either column name or column count or rowdata.If I Get then I have some logic based on it to do.
I have placed my dynamic datatable code below.
public class Datatable2 extends PageCodeBase
UIData dataTable =new UIData();
public Datatable2()
UIColumn col;
UIOutput out = null;
ArrayList al=new ArrayList();
al.add("Item");
al.add("Creation date");
al.add("Priority");
Application app = FacesContext.getCurrentInstance().getApplication();
int colCount = 3;
for(int j = 0; j < colCount; ++j) {
out = new UIOutput();
col = new UIColumn();
if(dataTable.getRowIndex()==-1)
MethodBinding mb = app.createMethodBinding("#{pc_DataTable.item}", null);
HtmlCommandLink link = (HtmlCommandLink)app.createComponent(HtmlCommandLink.COMPONENT_TYPE); link.setActionListener(mb);
link.setAction(mb);
link.setId("Command"+j);
ValueBinding vb1 = app.createValueBinding("#{commands" + j + "}");
link.setValueBinding("value",vb1);
link.setRendererType("javax.faces.Link");
HtmlOutputText O = new HtmlOutputText();
O.setValue(al.get(j).toString());
link.getChildren().add(O);
col.setHeader(link);
ValueBinding vb = app.createValueBinding("#{rows["+j+"]}");
out.setValueBinding("value", vb);
out.setRendererType("javax.faces.Text");
col.getChildren().add(out);
dataTable.getChildren().add(col);
public UIData getDataTable()
return dataTable;
public void setDataTable(UIData dataTable)
this.dataTable=dataTable;
public Object[] getTableRows()
Object[] test = new Object[]{new String[]{"1","2","3"},
new String[]{"4","5","6"},
new String[]{"7","8","9"},
new String[]{"10","11","12"},
new String[]{"13","14","15"}};
return test;
this is my jsp code
<f:view>
<P>Place content here.</P>
<h:form>
<h:dataTable binding="#{pc_Datatable2.dataTable}" value="#{pc_Datatable2.tableRows}" var= "rows" />
</h:form>
</f:view>
Could please tell how can i figure out my coulmn value when clicked on the command linkhello,
u can use two types methods u can create a dynamic action or by branching using conditional or java script code
for java script code just call the code when button clicked and in javascript function by using if condition u can redirect.
Regards,
Ramana -
Generating the iFrame Dynamically
Hi Experts,
I need help in creating the iFrame dynamically. The following is the exact problem i am facing!
We have applications integrated in Portal using customized App integrator and with our own portal Layout defined.
The iframe that is generated in not dynamic with height and width.
if the integrted application is big then the height mentioned then we will get a double scrollbar.
If the fixed hight is set and when we navigate inside the application which is smaller than the fxied height then we get a big blank white page int he bottom.
So the only solution to fix this issue is to make the generated iframe dynamic.
Please guide me on how to do this!
Your inputs will be appreciated!
Thanks,
Srini.Hi Srinivas,
Please refer to the following documents:
Blog:
Escaping the Procrustean bed
Forum:
Resize IFrame
Dynamic src of an IFRAME
Hope they are useful.
Regards,
Seema Rane. -
I am working with Dynamic datatable . whilke adding a row i am able to add only one row . later i am unable to a dd .
code:
<h:commandLink value="ADD" action="#{icdMBean.actionAddrow}" />
back bean:
public void actionAddrow() {
// Create new items.
icdList= new ArrayList<Icd>();
Icd myNewDataItem = new Icd();System.out.println("i am in action add row2");
myNewDataItem.setId("new");
icdList.add(myNewDataItem);
if i set the id value( myNewDataItem.setId("new");) only i am able to add only one row .
could you please suggest a solution for it.Hi, many thanks for your answer, so what do you think is the best solution for adding rows by user to interactive form's dynamic table?
Manually read xml data during submit by this way: https://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/9121. [original link is broken] [original link is broken] [original link is broken] ?
Or is there better solution for this? (any link to some examples, blogs, etc...)
Many thanks for any answer! -
Generate Command Button Dynamically
Hi All
I'm developing a web app using jd 11.1.1.3
I want to generate command buttuns dynamically,
The no of buttons to be generated based on a integer value that is stored in the DB.
Pls tell me a way to do this.
TxHi,
and then, what arethe buttons supposed to do - or do you need them as decoration only ?
Frank -
How to create a Dynamic Datatable with sorting functioanlity
Hi,
I am new to JSF and need some help can some one please tell me how to create a dynamic datatable with sorting functionality. I am reading data data from a database table and wants to build the datatable dynamically based on the columns returned. I know how to created a datatble with a fixed number of columns but can't figure out how to create a datatable dynamically with sort functionality. Any small example will help.
ThanksHi,
Here is what I have so far and can't figure out how to add the sorting functionality. Any help is appreciated.
Managed Bean:
private List<MyDto> data ;
public HtmlDataTable getDataTableOne ()
if ( dataTableOne == null )
populateCheckBoxes () ; // Preload.
populateDynamicDataTableOne () ;
return dataTableOne ;
public void populateCheckBoxes ()
data = new ArrayList<MyDto> () ;
MyDto myDto1 = new MyDto () ;
MyDto myDto2 = new MyDto () ;
MyDto myDto3 = new MyDto () ;
MyDto myDto4 = new MyDto () ;
myDto1.setChecked ( true ) ;
myDto1.setValue ( "myDto1" ) ;
myDto2.setChecked ( false ) ;
myDto2.setValue ( "myDto2" ) ;
myDto3.setChecked ( false ) ;
myDto3.setValue ( "myDto3" ) ;
myDto4.setChecked ( true ) ;
myDto4.setValue ( "myDto4" ) ;
data.add ( myDto1 ) ;
data.add ( myDto2 ) ;
data.add ( myDto3 ) ;
data.add ( myDto4 ) ;
public void populateDynamicDataTableOne ()
dataTableOne = new HtmlDataTable () ;
UIOutput header = new UIOutput () ;
header.setValue ( "" ) ;
UIColumn tableColumn ;
tableColumn = new UIColumn () ;
HtmlOutputText textHeader = new HtmlOutputText () ;
textHeader.setValue ( "" ) ;
tableColumn.setHeader ( textHeader ) ;
HtmlSelectBooleanCheckbox tCheckBox = new HtmlSelectBooleanCheckbox () ;
tCheckBox.setValueBinding ( "value" , FacesContext.getCurrentInstance ().getApplication ().createValueBinding ( "#{row.checked}" ) ) ;
tableColumn.getChildren ().add ( tCheckBox ) ;
// Set output.
UIOutput output = new UIOutput () ;
ValueBinding myItem = FacesContext.getCurrentInstance ().getApplication ().createValueBinding ( "#{row.value}" ) ;
output.setValueBinding ( "value" , myItem ) ;
// Set header (optional).
UIOutput header2 = new UIOutput () ;
header2.setValue ( "" ) ;
UIColumn column = new UIColumn () ;
column.setHeader ( header2 ) ;
column.getChildren ().add ( output ) ;
dataTableOne.getChildren ().add ( tableColumn ) ;
dataTableOne.getChildren ().add ( column ) ;
MyDto.java
public class MyDto
private Boolean checked;
private String value;
public MyDto ()
public void setChecked ( Boolean checked )
this.checked = checked;
public Boolean getChecked ()
return checked ;
public void setValue ( String value )
this.value = value;
public String getValue ()
return value ;
JSP
<h:dataTable id="table" value="#{myRequestBean.data}" binding="#{myRequestBean.dataTableOne}" var="row" />Thanks -
Creating dynamic dataTables **Very Urgent**
Hi all,
I m very new to JSF Technology. I m in need of creating dynamic dataTables. I need to populate the values from DB. At times, the number of columns varies. So, how can i create such kind of table? At least i need to know how can i create dataTable values using the Backing bean and mapping it to the JSF page, so that the browser will render that dataTable?
Please help me.. :)The following code (taken from the BalusC article) do the task:
// Create <h:column>.
HtmlColumn column = new HtmlColumn();
dynamicDataTable.getChildren().add(column);
// Create <h:outputText value="dynamicHeaders"> for <f:facet name="header"> of column.
HtmlOutputText header = new HtmlOutputText();
header.setValue(dynamicHeaders[i]);
column.setHeader(header);
// Create <h:outputText value="#{dynamicItem[" + i + "]}"> for the body of column.
HtmlOutputText output = new HtmlOutputText();
output.setValueExpression("value",
createValueExpression("#{dynamicItem[" + i + "]}", String.class));
column.getChildren().add(output); -
Formatting a dynamic datatable
Hello, I am displaying a datatable on screen with a dynamic number of columns and rows and everything is working fine. However, I would also like to apply columnClass formatting to the columns and obviously the number of classes is dependent on the number of columns. In a regular static datatable in our system, I would normally do something like:
columnClasses="tierNameStyle,tierCheckStyle,tierNameStyle,tierNameStyle" styleClass="dataTableStyle"But if I add this into my dynamic datatable JSP as this, it ignores the formatting:
<h:dataTable binding = "#{dataSetBB.dataSetTableHeadings}" var="rows" value="#{dataSetBB.tableHeadingRows}" columnClasses="tierNameStyle,tierCheckStyle,tierNameStyle,tierNameStyle" styleClass="dataTableStyle"/>Is there a way to do this in the backing bean since I am doing everything else for the dynamic table there?OK, I tried that and it still seems to be ignoring my columnClasses. Here is my code from the backing bean where I am building the table. Am I doing something wrong?:
public DataSetBB(){
//setup dataModel
String[] colHeadings = new String[]{"Heading1", "Heading2", "Heading3"};
String[] colDetail = new String[]{"Detail1", "Detail2", "Detail3"};
Object[] headingsArray = new Object[]{colHeadings};
Object[] detailArray = new Object[]{colDetail};
tableHeadingRows = new ArrayDataModel();
tableHeadingRows.setWrappedData(headingsArray);
tableDetailRows = new ArrayDataModel();
tableDetailRows.setWrappedData(detailArray);
//setupTable
dataSetTableHeadings = new HtmlDataTable();
dataSetTableDetails = new HtmlDataTable();
dataSetTableHeadings.setStyleClass("dataTableStyle");
dataSetTableHeadings.setColumnClasses("tierNameStyle,tierCheckStyle,tierNameStyle");
dataSetTableDetails.setStyleClass("dataTableStyle");
dataSetTableDetails.setColumnClasses("tierNameStyle,tierCheckStyle,tierNameStyle");
UIColumn col;
UIInput in = null;
Application app = FacesContext.getCurrentInstance().getApplication();
int colCount = colHeadings.length;
for(int j = 0; j < colCount; ++j) {
in = new UIInput();
col = new UIColumn();
in.setId("input" + j);
ValueBinding vb = app.createValueBinding("#{rows["+j+"]}");
in.setValueBinding("value", vb);
in.setRendererType("javax.faces.Text");
col.getChildren().add(in);
dataSetTableHeadings.getChildren().add(col);
for(int j = 0; j < colCount; ++j) {
in = new UIInput();
col = new UIColumn();
in.setId("detail" + j);
ValueBinding vb = app.createValueBinding("#{rows["+j+"]}");
in.setValueBinding("value", vb);
in.setRendererType("javax.faces.Text");
col.getChildren().add(in);
dataSetTableDetails.getChildren().add(col);
} -
Generating a real URL out of an ICF Service Name or GUID
Dear Developers,
I am currently trying to generate a real and usable URL out of an ICF service which I have registered.
I am looking for a way to create this url by providing the NODGUID of my service. I am expecting an URL with all the configuration data entered during the registration of the service, including the protocole type, port, hostname, path and authentification method.
Could you provide ABAP coding for this task?
Best Regards,
Olivier MATTHi Durairaj,
I checked the coding and they are building the URL by themselves, which is what I am trying to avoid.... Is there any FM which could do the same ?
Olivier -
Generate dynamic DataTable for Values selected from SelectManyListBox
I want to generate a datatable for values selected in a selectManyListBox,
DataTable will have three columns
1serial number
2.values selected from listbox
3.inputText for entering some data
Plz guide me how can i do this...
Thanx in advance!Check http://balusc.xs4all.nl/srv/dev-jep-dat.html how to use datatables.
-
Dynamic DataTable without validation of the rest of the form
I'm having a bit of trouble implementing a piece of functionality with JSF and I'm hoping someone here will have some insight into how to accomplish this.
I have a quite large form, with some fields requiring quite complex and expensive (both performance and actual money) validation (e.g. calling external web services, etc.). For the sake of the explanation, let's say the user enters details about himself, such as name, social security number, address, etc. Along with his details, he's to enter a limited subset of the details for each of his children (say name and social security number). We do not know at design time how many children the user has (obviously), so this part of the form has to be dynamically generated. Validation is performed on these children fields as well, so the user needs to be able to edit and remove children from the form.
Prior to JSF (straight JSP), I used DHTML and a naming scheme for these records with a custom setters in the backing beans.
What I have tried with JSF is to have a DataTable backed by a List. This table contains a single "Add Child" button which adds a new empty row to the table. There is also a "Remove" button for each row.
This works just great as long as I allow all other fields in the form to validate each time the user clicks the button. However, as I stated before, these validations are very very expensive (transaction based costs) . Additionally, I do not want to force the user to fill in all the other required fields (close to 40) before he can go on with the children.
Now, setting immediate="true" on the commandButton elements solves the problem of the other form fields validating. However, now the Children in the DataTable are never set because the update model values phase is never invoked, leaving me with empty input fields. I really do not care in this instance whether the data for the Children is valid or not, I just need to get them into the form.
I can think of at least three possible solutions:
1) Split up the form into several pages, like a wizard. However, the customer has rejected this option.
2) Somehow simplify the Children section by providing a single entry and a read-only table. This way I can use a simpler read-only table and I can extract the values from the request parameters directly. However, this complicated the editing of previously entered Children. To make things worse, the order of the children has to remain intact.
3) Create a custom HtmlInputText component that sets the values regardless of whether immediate="true" or "false".
It is this last option that I do not know how to do. Which methods would I need to override in order to get the values to be set in my bounded Children object regardless of the immediate flag?
And of course, if anybody has any other design suggestions I'm open to them!
Thanks in advance!
/Krisnboudani , let me answer your question first. The page does have a Submit button. It also has "Add Child" and "Remove Child", and some others as well. The Submit button has immediate="false". I also need form validation for interdependent form fileds (e.g. either Passport number or social security number are required), so I'm using the "hidden input field at the bottom of the form trick". This all works well enough.
OK, I got partway there. jaguar2010's mention of valueChangeListener made me investigate that further. So what I did was twofold. Set the immediate attribute to true for the inputText elements in question (for the Children data) as well as for the commandButton (as before). Also, add a valueChangeListener for each of the Children which simply calls updateModel.
So, view code:
<h:inputText id="cName"
valueChangeListener="#{testBean.procCNameValueChanged}"
value="#{child.name}"
required="true"
immediate="true"/>
<h:inputText id="cSS"
valueChangeListener="#{testBean.processCSSValueChanged}"
value="#{child.ss}"
validator="#{testBean.validateCSS}"
immediate="true"/>
<h:commandButton action="#{testBean.addChild}" immediate="true" value="Add Child"/>
...bean code:
public void procCNameValueChanged(ValueChangeEvent event) {
HtmlInputText sender = (HtmlInputText) event.getComponent();
sender.updateModel(FacesContext.getCurrentInstance());
}So, that does take care of the problem with the model not updating. However, there are a bunch of other problems still left to be resolved. For instance, as you'll notice, there is a validator attached to one of the inputs. If this validation fails, the invalid text is not put back in the input field. I can't temember now, but I think that is because the valueChangeListener is not called in that case, so the model is not updated. Sigh...
Another problem is that for each row in the data model's table, there is a "Remove" button (not shown in above code) to enable the user to remove an entry from the list of children. Well, because JSF process events in the order of their appearance in the view code, an exeption is thrown if the removed row is not the last one, and the last row has not been "saved" yet. That is, the valueChangeListener has not been called on the last row. What happens is that first the action method for the remove button is called, then the valueChangeListener for the last row is called. But by the time the valueChangeListener event is fired, the last row has chaned its index (because the remove action method was called first) and apparently this fact has escaped JSF so it throws an exception (property not found or something).
I'm starting to wonder if JSF is the wrong technology for complex forms. Just seems to want to do too much for me, assuming I have a simple form.
Maybe you are looking for
-
I lost my ac power cord. Where can I purchase a new cord?
I lost the ac power cord to my Apple ipod hi-fi. Can anyone point me in the right direction? Thanks, Jim
-
Roll over a small photo and above it (or beside) the large photo is displayed
Hi All What is this called: When you roll over a small photo and above it (or beside) the large version of the photo is displayed. I would like to create a photo gallery that works this way. Could someone tell me what this is called? Or better yet, w
-
How do I connect and use a travel drive
How do I connect and use a travel drive
-
Unknown error when trying to buy something
Suddenly I can not buy anything anymore. After typing my password I get the answer 'Unknown error'.
-
Available Space in 'Get Info' for HDD does not match with the files
I have a 75G HDD on this Macbook. The 'Get Info' for the HDD says I only have 1G of space available. However, when I go item by item in the HDD, and total the sizes myself, it only totals to 30G of space being used. Anyone heard of this problem befor