DataTable, pagination, and valuechangelistener.

Hi, I'm working with dataTables and have a behavior issue I can't seem to find a solution to. I start with the following conditions:
1) I want to use pagination to control the size of the table on the form,
2) I do NOT want to submit (immediate) after each user entry (don't like the look).
That said I find that when I change textFields on pages 1-3 and submit while page three is showing, only the textFields that were changed on page 3 fire the valuechangelistener. Those textFields changed on page one and two are ignored. Should the user navigate to a new web page those changes on table page 1&2 are lost.
I am using virtual forms to control what is submitted when but cannot get inside the pagination controls to make all textField changes (regardless of page) fire at the same time.
Anyone have a solution to this?
Thanks.

Sorry.
it was a error on my side. every time i was getting just 10 rows like
for (i=0; i< dataTable.rows;i++)
instead, i needed to use for (i=0; i < (dataTable.getFirst+dataTable.rows);i++)HTH someone else.
Thanks

Similar Messages

DataTable pagination and Javascript

Hi,
I have a DataTable that has two pages. The user can enter an employee ID and i have to populate all the other fields for that row.
Each row has a expenses field. I have to calculate the total for all the rows when a user enters certain amount in that field (remember, the DataTable has 2 pages), using Javascript.
I can use valueChangeListener and calculate the total in the backend. but that's not an option as there are 3 such fields for each row.
For some reason, the script doesn't work in the second page.
Can someone tell me how to achieve the calculation using javascript for all the rows in 2 pages?
Thanks

Try keeping the pagination details (i.e. which page to display) in request scope with a default to page 1. Make sure all requests from the page to "itself" includes the pagination details. When a request comes from another page, the default will be used.

Fixed: How to remember the DataTable state and still use buttons

Lets say that you have a DataTable on a page, with a bunch of hyper links and buttons on the same page (for navigation to various parts of your application). If you use the built in pagination and sorting, you will find that the following behaviour:
1. DataTable remembers its state (sorting, page number, etc.) if you click on any hyper link. You can even go back to a different page, and then come back to the original page to find that your DataTable is in the state you left it (very cool, it is session scope and works as intended).
2. If you click on any button, DataTable does not remember its previous state (goes back to page 1 and default worting, etc.). After playing around with it and going nuts, I discovered the way to use Button and still have the DataTable remember its state. I wanted to share it with the rest of you:
    public String btnClose_action() {
        try {
            this.getExternalContext().redirect("faces/users.jsp");
        } catch (Exception ex) {
            log("Error: userDetail > btnClose_action", ex);
        return null;
    }This was my original post:
http://swforum.sun.com/jive/thread.jspa?threadID=103583
Message was edited by:
Sabir

II think there should be a property
to disable form submission on buttons. There is!
To make the form not be submitted by a button click:
1. In the Visual Designer, select the button.
2. In the Properties window set the JavaScript > onClick property to return false;
This might interest you: http://blogs.sun.com/divas/entry/disabling_a_button_after_it

JSF Custom component for table pagination and sorting

hi
i want such a custom component that render a table and table has the features of pagination and column sorting.
any one know from where i can get such a custom component.
(if this component is available with source then it would be more help full for me)
thnks & regards,
Haroon
Message was edited by:
HaroonAnwarPADHYAR

I know two companies that offer JSF component for table pagination and sorting and AJAX based :
http://www.teamdev.com/quipukit/demo/datatable/DataTable_filteringAndPaging.jsf
http://java.samples.infragistics.com/NetAdvantage/JSF/2006.1/
The problem? They are not open source..
And I am too looking forward on this subject, because I want to develop my own custom component and add some features. If someone has any tips, references or samples of their own, it would be really appreciated.
Thank you.
Paul

How to acheive Pagination and Dynamic sorting in Web layout.

Hi All,
I'm new to Oracle Reports. I use Report Builder 10.1.2.0.2.
I tried creating a template for simple tabular report. I modified the tempalte for Paper layout, Web layout ie modified .tdf, html, css files.
When the data is dispalyed in the web browser, i need to do Pagination and dynamic sorting (ie when the column heading is clicked, it needs to do sorting by that column).
In the jsp page of the report, it is possible but i want to incorporate this functionality in the Template. So that a single template can be used across multiple reprots with out any modification.
Can any one please tell me how to do this.
Please reply me at the earliest. Its very urgent.
Thanks & Regards,
P. Gayathri Devi

Igor,
You'll need to switch from using Partial Page Rendering to full page submits on that report. In version 4.0 we should be getting more control over event handling in PPRs but to what extent is still unknown.
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen
http://sourceforge.net/projects/plrecur

RH 10 is suddenly flickering between pagination and displaying

I am trying to work on a topic, but RH 10 is "flickering"... the lower right hand corner status (at the very bottom of the PM pane) is flickering between "Pagination" and "Displaying". The font and font size is flickering, and the Paragraph and Character Styles pod list is flickering from "Normal" thru the list and then back to "Normal" in a split second. I cannot work in the topic...This seems to be happening no matter what topics I'm in... as well as if I create a new topic.
I did some PM organization of images and topics... and it was fine until then. I have made all the updates I can find, restarted my system, uninstalled and reinstalled RH and reapplied the updates.
What the heck is going on? HELP!

Hi there
I'd be shocked (and very skeptical) if someone were to pop in and say something like: It happened because you had... (insert reason here).
The thing is, there are a multitude of things that could be done to a project to cause this or that kind of a result. So all we can do is really guess at things.
So having said that, here's some food for thought.
When you work with RoboHelp, lots and lots of files are involved that track different aspects of the project. The main project database exists as a "ProjectName.XPJ" file. And another database exists as a "ProjectName.CPD" file. I do believe I've noticed that RoboHelp will sort of "flicker" as it attempts to ensure these two files are in sync. Sometimes we find that the .CPD becomes corrupt and will need to be deleted. When we delete it, as RoboHelp opens the project with the missing CPD, it sees the CPD is missing and sets about baking up a fresh one. And that process can cause the flickering as the database is rebuilt. How long it may take and you would see this would vary depending on the complexity of your project.
Not sure if it helps or not, but perhaps it explains why you are seeing what you are seeing.
Cheers... Rick

Expanding text boxes, pagination and expanding to another page

Attached is a link to a simple form which is actually part of a much larger form. It has several nested add and remove instances. I have three fairly simple issues I need to solve.
     1. Is it possible to set a text box to allow it to grow in height as information is added that exceeds the size of the text box. This feature is available as a property in Microsoft Access as an example. I know you can allow multiple lines but you can see them all without the expanding feature.
     2. This form is design to grow by adding instances. I would like to set up the pagination so it would flow to additional page(s). I think I would just like the line
to continue to flow to the next page without creating a break in the primary instance if that makes sense (the top level of the instances - mode). This level could theoretically by larger than one page so this is probably best route to go. Currently it's not flowing at all to the 2nd page.
     3. Somehow I ended up with a 2nd page to the form. How do I delete that but yet have the expanding form automatically create a 2nd, 3rd (etc) page as required.
http://share.planswift.com/download/?file=W0H3U2V5-GOPO-FI9G-1UIG-OTYPHTB46HB
Thanks,
Patrick

Hi Patrick,
I can't make changes to your form at the moment, but there are a few things you need to bear in mind. If you want items to expand and push objects down, then you will need a Flowed layout.
See this example about making fields dynamic: http://assure.ly/g80MVY.
Also this looks at the difference between Flowed (where you want to get to) and Positioned (where you are now) subforms: http://assure.ly/eSGQMt.
Yes, just select the textfield and go to the LAyout palette. There under height, tick Expand to fit. If you preview this you will see that it expands, BUT will cross over objects beneath it. This is where you need to group objects in a Flowed subform, so that when it expands it will push objects down.
The page needs to be set to Flowed. There are pagination settings available under the Object palette and you can start with Place = Follow previous and then Continue filling parent. You also want to make sure that for the subforms (and textfields) you have set in the Object palette that content is allowed to break over pages.
Check your pagination settings.
Hope that helps,
Niall

SelectOneMenu and ValueChangeListener

Hi All,
I am a new user of JSF components. I've got a problem about getting the selected value from the selectedOneMenu component. I have 3 selectOneMenu box and each has valueChangeListener.
I wanna get first selected id and get the second value according to the first selected id and so on.
The frist value change listener submit and get the selected value.But when the second value change listener submit the value, the first selectOneMenu also submit the value, so the previous value is lost and return null cause of no selection in the first box.
I 've separate these component to three separate forms . But when one of the ValueChangeListener is execute, the others also execute.
So , How can I pass this problem..
Here is my coding...
<h:form id="form1">
 <h:panelGrid columns="3">
 <h:column><h:outputLabel value="Category L1 : " /> </h:column>
 <h:column>
 <h:selectOneMenu id="selectValue"
 onchange="this.form.submit();"
 immediate="true"
 value="#{categoryBean.selectValue}"
 valueChangeListener="#{categoryBean.item1Change}">
 <f:selectItems value="#{categoryBean.menuItem1}"/>
 </h:selectOneMenu>
 </h:column>
 <h:column></h:column>
 <h:column><h:outputLabel value="Description : " /></h:column>
 <h:column><h:outputText value="test" /></h:column>
 <h:column><h:commandButton action="" value="Add New" /></h:column>
 </h:panelGrid>
 <h:inputHidden value="#{categoryBean.tempValue}" />
 </h:form>
 <h:form id="form2">
 <h:panelGrid columns="3">
 <h:column><h:outputLabel value="Category L2 : " /> </h:column>
 <h:column>
 <h:selectOneMenu id="selectValue2"
 onchange="this.form.submit();"
 immediate="true"
 value="#{categoryBean.selectValue2}"
 valueChangeListener="#{categoryBean.item2Change}">
 <f:selectItems value="#{categoryBean.menuItem2}"/>
 </h:selectOneMenu>
 </h:column>
 <h:column></h:column>
 <h:column><h:outputLabel value="Description : " /></h:column>
 <h:column><h:outputText value="test" /></h:column>
 <h:column><h:commandButton action="" value="Add New" /></h:column>
 </h:panelGrid>
 </h:form>
 <h:form id="form3">
 <h:panelGrid columns="3">
 <h:column><h:outputLabel value="Category L3 : " /> </h:column>
 <h:column>
 <h:selectOneMenu id="selectValue3"
 onchange="this.form.submit();"
 immediate="true"
 value="#{categoryBean.selectValue3}"
 valueChangeListener="#{categoryBean.item3Change}">
 <f:selectItems value="#{categoryBean.menuItem3}"/>
 </h:selectOneMenu>
 </h:column>
 <h:column></h:column>
 <h:column><h:outputLabel value="Description : " /></h:column>
 <h:column><h:outputText value="test" /></h:column>
 <h:column><h:commandButton action="" value="Add New" /></h:column>
 </h:panelGrid>
 </h:form>
 public void item1Change(ValueChangeEvent event) {
 Utils.log(getFacesContext(),"Win b kwa...1.........");
 PhaseId phaseId = event.getPhaseId();
 String oldValue = (String) event.getOldValue();
 String newValue = (String) event.getNewValue();
 this.tempValue = newValue;
 if (phaseId.equals(PhaseId.ANY_PHASE))
 event.setPhaseId(PhaseId.UPDATE_MODEL_VALUES);
 event.queue();
 else if (phaseId.equals(PhaseId.UPDATE_MODEL_VALUES))
 Utils.log(getFacesContext(),"New Value is......"+newValue );
 if(newValue == null){
 logger.info("Next time win tar.....");
 else{
 this.setSelectValue(newValue);
 Utils.log(getFacesContext(), "In L1 : Selected Value is..."+this.getSelectValue());
 this.menuItem2 = this.getCategoryList(this.getSelectValue());
 FacesContext context = FacesContext.getCurrentInstance();
 context.renderResponse();
please help me.. thanks in advance...

There's a few things...
First, and foremost, is that you have two forms on the page. This is a bad idea with JSF. It tends to mess things up (although, some people may have gotten it to work right). You might want to find a way to have only one h:form tag per page. That shouldn't actually be too hard.
Next, it looks like you set up your selectOneMenu tags properly. You have the valueChangeListener, immediate=true and a form submit onchange. Good!
However, the valueChangeListener implementation is different than what I usually see. You're queueing up the event to fire in UPDATE_MODELS phase... This is strange. This will probably undo the fact that you put immediate="true" on your component in the first place.
My suggestion is not to manipulate the phases this way, for your particular problem. Instead, get the new value and set the selected value (without retrieving the phaseId). Then call facesContext.renderResponse() at the end of your valueChangeListener implementation. Something like this:
public void item1Change(ValueChangeEvent event) {
 String newValue = (String) event.getNewValue();
 if(newValue == null){
 logger.info("Next time win tar.....");
 else{
 this.setSelectValue(newValue);
 Utils.log(getFacesContext(), "In L1 : Selected Value is..."+this.getSelectValue());
 //What's this?
 this.menuItem2 = this.getCategoryList(this.getSelectValue());
 FacesContext context = FacesContext.getCurrentInstance();
 context.renderResponse();
}Start there. There may be a few more problems.
CowKing

Pagination and visited links issue

I am creating reports on two tables which are structurally same but hold different set of data. I created one report page using SQL Query using PL/SQL function body returning SQL Query. The trick is to set a request value based on the link clicked by the user to run the query on the correct table. I am using following pagination scheme.
"Search Engine 1,2,3,4(set based pagination)â
The issue is with the âvisited linkâ behavior of the links to the record sets in the pagination navigation bar (shown on the bottom right corner of the report region for each result set). Say the user has visits link 3 in pagination navigation bar on the report number one on table A. The browser correctly shows this link in visited link color. Now, if user opens report number 2 on table B, they see the link 3 again in visited color even if they are there for the very first time. This is sounds like a cosmetic nuisance, but this is sort of confusing for the users.
I guess, since I am using the same page definition for both reports, the pagination object and associated links for the result sets in the pagination have same values. From browser perspective it is the same link and hence the links are shown visited.
Is there a way that I can force a new pagination object based on which table I am accessing still using only one report page defined in HTMLDB. I do not want to create separate page for each report on each table.
Thanks
Salman

I guess it was too wordy or it was not clear enough.
In short, is it possible to clear out the visited link status (color changed) of the links to pagination resultset of a report within same session. The pagination type is "Search Engine 1,2,3,4(set based pagination)." I am using patched version 1.5.
Thanks
Salman

Matrix with DataTable - GetLineData and SetLineData B1 8.8 Bug

Hi experts,
I have a matrix bounded to a DataTable and I succefully load the matrix with:
DataTable dt = form.DataSources.DataTables.Item("matDT");
dt.ExecuteQuery(sql);
Matrix mat = form.Items.Item("mat").Specific as Matrix;
mat.LoadFromDataSource();
mat.AutoResizeColumns();
Now in Event et_VALIDATE(after), i would like to change some not editable column of the matrix
[B1Listener(BoEventTypes.et_VALIDATE, false)]
public virtual void OnAfterValidate(ItemEvent pVal) {
          if(pVal.ItemUID!="mat")
                return;
          Form form = B1Connections.theAppl.Forms.Item(pVal.FormUID);
          Matrix mat = form.Items.Item("mat").Specific as Matrix;
          DataTable dt = form.DataSources.DataTables.Item("matDT");
          //Pont 1)
          mat.GetLineData(pVal.Row)
          //Point 2
          //Change Values
          int minutes = dt.GetValue("U_Minutes", pVal.Row-1);
          dt.SetValue("U_Hours",pVal.Row-1, (double) minutes / 60);
          //Point 3
          mat.SetLineData(pVal.Row);
Now I will expain the problem:
For simplicity assume the matrix has 2 rows after load. After the user edit a column, validate event fires and:
-) After the call of GetLineData in Point 1) I verified that all DataTable Rows are identical (derived from the first row in the matrix)
-) If I substitute GetLineData   in point 1) with FlushToDataSource, DataTable became corret but after the call of SetLineData in point 3) all the matrix rows are identical (derived from the first DataTable row).
-) If I also substitute SetLineData   in point 3) with LoadFromDataSource, all works fine but i loose focus and performances
Is it a B1 8.8 Bug?

Yes, but sap said that my customer is not officially approved.
the following is the original text.
Please note that SAP Business One Release 8.8 has only been released for
Ramp-Up. Because of this, only approved projects for productive usage a
re fully supported by SAP Business One Support. However feedback on prod
uct quality or bugs reporting from all partners - even from partners who
are not part of the Ramp-Up - is welcome and highly appreciated.
According to the information we have, your customer is not officially ap
proved for Ramp-Up yet. Due to the difficulty to estimate the number of
messages that will be submitted, SAP cannot commit itself to solving all
issues reported about projects not officially approved for Ramp-Up, nor
guarantee any response times.
Kind regards,
SAP Business One Support

Pagination and pl/sql

Greetings,
I have the following piece of code that I'm using to display images uploaded through HTMLDB into Intermedia. My question is how to create pagination in the following sql statement:
select s.id,s.thumb,s.thumbname,s.image.getWidth()as width,s.image.getHeight() as height from islidetable s order by id
so that I can have it display x-y of z records. Is there a way in sql to select a group of records say 10-15 of 30 records?
Thanks in Advance,
Cliff
declare
obj ORDSYS.ORDImage;
ctx raw(4000):=null;
nxtseq number;
thisrowid urowid;
i_index number := 0;
i_rows number := 4;
inum number;
BEGIN
htp.tableOpen(cattributes=>'border=0 align=center bgcolor=black cellspacing=1 cellpadding=25');
select count(*) into inum from islidetable;
for b_rec in (select s.id,s.thumb,s.thumbname,s.image.getWidth()as width,s.image.getHeight() as height from islidetable s order by id) loop
if (i_index mod i_rows) = 0 then
if (i_index = 0) then
htp.tableRowOpen(cattributes=>'bgcolor=white');
htp.p('<td align=center><img src=xxutpa_mig.extract_thumb?p_file='||b_rec.id||'> '||b_rec.thumbname);
htp.p(' W:'||b_rec.width||' H:'||b_rec.height||'</td>');
i_index := i_index + 1;
else
htp.tableRowClose;
htp.tableRowOpen(cattributes=>'bgcolor=white');
htp.p('<td align=center><img src=xxutpa_mig.extract_thumb?p_file='||b_rec.id||'> '||b_rec.thumbname);
htp.p(' Width:'||b_rec.width||' Height:'||b_rec.height||'</td>');
i_index := i_index + 1;
end if;
else
htp.p('<td align=center><img src=xxutpa_mig.extract_thumb?p_file='||b_rec.id||'> '||b_rec.thumbname);
htp.p(' Width:'||b_rec.width||' Height:'||b_rec.height||'</td>');
i_index := i_index + 1;
end if;
end loop;
htp.tableRowClose;
htp.tableClose;
END;

Hey Vikas,
Yeah, these semantics have bitten me before. I'm doing a query and returning 14 records. Rather than display them in a 1x14 table, I want to split them up into a 3x5 table, displaying the first 3 records returned from the query in the first row, next 3 in the next row, and so on and so forth. Being verbose, if the query returned
Jane Doe1 131 W. University Anywhere, USA
Jane Doe2 132 W. University Someplace, USA
Jane Doe3 133 W. University Elsewhere, USA
Jane Doe4 134 W. University Nowhere, USA
Jane Doe5 135 W. University Here, USA
Jane Doe6 136 W. University There, USA
I'd like to be able to display it as such:
Jane Doe1 Jane Doe2 Jane Doe3
131 Univ 132 Univ 133 Univ
Anywhere Someplace Elsewhere
Jane Doe4 Jane Doe5 Jane Doe6
131 Univ 132 Univ 133 Univ
Nowhere Here There
..and so on and so forth through the next 9 records. Given that my query could return hundreds or thousands, I want to be able to paginate every 15 (or however many I deem sufficient) records.
I hope this made more sense, and thanks for responding.
TIA,
cliff

JSF datatable pagination - showing page wise total.

Hi All,
i am ok with normal pagiation. but i have a requirement to show total count of a column page wise in the footer and also total count of th column at the datatable bottom.i can able to get total count but how can we show page wise total count in the footer of datatable. please help me in this
Regards,
A.

So you want something likedouble subTotalPrice = 0.0d;
for (int i = dataTable.getFirst(); i < dataTable.getFirst() + dataTable.getRows() && i < dataList.size(); i++) {
 DataItem dataItem = dataList.get(i);
 double dataItemPrice = dataItem.getPrice();
 subTotalPrice += dataItemPrice;
return subTotalPrice;?

Pagination and Reset Pagination

I do not understand what pagination means
and what "reset pagination" does.
I think I need an example where I can observe
the difference between using or omitting
a pagination reset.
I created a page with a report and a search tool.
Apex created automatically a Reset Pagination Process.
However, I was not able to observe the behavior
of this process.
The following explanation of the manual did not help me either:
"In Report regions, resets pagination back to the first result set.
The Application Express engine keeps track of where the user is
within a given result set. This process category returns the user
to the beginning result set. In other words, this category resets
the counters associated with the report region to return the first
part of the result set the next time the result set displays."
Any better explanation/example?
Thank you very much,
Marios

Pagination gives you "pages" of your result set.
For example if you have a report that queries from the EMP table, and there are 100 rows in the emp table. If your report is set to display 20 records, then you have 5 "pages" of your report. The pagination allows the user to move from page to page of the result set, ie. rows 1-20, then rows 21-40 and so on.
If the user has moved to say the 3rd "page" of the result set (rows 31-40) and you they somehow navigate back to this report but the parameters change and the query only returns 25 rows, if the pagination is not reset, then the report will attempt to look at the 3rd page of your result set ,which now does not exist. So this will cause an error.
So when you navigate to a report, if there is a chance that the parameters have changed which will result in a different number of rows being returned by the query, then you should reset the pagination. Or always reset the pagination when the user changes parameters and queries the report again.

Help with Custom Component: Ajax and ValueChangeListener

Hello,
I am trying to create a custom component that triggers an update via Ajax. However, I would also like to trigger a ValueChangeListener method from the same component, however I am unsure of how to obtain and trigger the ValueChangeEvent.
The code I have so far in the Phase Listener is:
private void handleAjaxRequest(PhaseEvent event) {
 FacesContext context = event.getFacesContext();
 HttpServletResponse response = (HttpServletResponse)context.getExternalContext().getResponse();
 Object object = context.getExternalContext().getRequest();
 if (!(object instanceof HttpServletRequest)) {
 return;
 HttpServletRequest request = (HttpServletRequest)object;
 HttpSession session = request.getSession();
 String requestType = request.getParameter("jsflotRequestType");
 if (requestType != null && requestType.equalsIgnoreCase("jsflotchartValueChange")) {
 //Trigger valueChangeEvents
 log.info("Handling JSFlot Chart Value Change Event.");
}What I am looking for though, is some information regarding how to obtain the ValueChangeListener from the request/session objects.
The component tag is called like this:
<jsflot:flotChart id="valueTimeChart"
 value="#{chartMbean.chartSeries}"
 valueChangeListener="#{chartMbean.valueChangeListener}"Any help would be greatly appreciated!

The field calculation order was not in the correct order, had a devil of a time figuring out how to get to it, in Acrobat X.
My check boxes for shipping have the same name field but I don't see a tab for export value for the check boxes, and I have no idea how to implement your suggestions for a switch or if statement or what fields to attach them to.
My amatuer attempt at a shipping formula follows, I don't know if I can use a range for event value, or where to put the script, if it is even correct.
if(event.value == "<25.01")
 nShipFee = 06;
else if(event.value == "25.01 - 75")
 nShipFee = 11.50;
else if(event.value == "75.01 - 125")
 nShipFee = 15;
else if(event.value == "125.01 - 200")
 nShipFee = 20;
else if(event.value == "200.01 - 300")
 nShipFee = 25;
else if(event.value == "300.01 - 400")
 nShipFee = 30;
else if(event.value == ">400")
 nShipFee = 50;

Pagination and interactive sort for drilldown report doesn't work fine

Hi Anyone,
I have a drilldown report includes three groups. I add the last group for pagination. But the details in each page doesn't accord to I specified and the detail record number is different in different page.
Another issue is the interactive sort always sort in the first page scope. I set the data region or grouping to the table, and evaluate expression scrope to Detail scope.
Anyone has experience on that?
Thanks a lot

Can you explain your scenario giving screenshot to make us understand how your groups are?
Please Mark This As Answer if it helps to solve the issue Visakh ---------------------------- http://visakhm.blogspot.com/ https://www.facebook.com/VmBlogs

DataTable, pagination, and valuechangelistener.

Similar Messages

Maybe you are looking for