Additional Pageflow - JavaScript Questions

Question

I was hoping someone (bea employee???) could answer a couple more JavaScript questions
for me?? First one is how do I (can I) do something similar to what John Rohrlich
(see below) suggested inside a netui-data:grid tag? Among other things that didn't
workI tried this:
<netui-data:anchorColumn action="deleteUsr" title="">
<netui:anchor action="deleteUsr" onClick="return confirmDelete('user', {container.item.usr_nm}
); return false;">
Drop
<netui:parameter name="userToDrop" value="{container.item.usr_nm}" />
</netui:anchor>
</netui-data:anchorColumn>
From this snippet you might be able to guess what my next question is. Is there
a way to render a variable inside the onClick value? I have tried a number of
things to no avail, stuff like:
<netui-data:getData resultId="thisId" value="{container.item.userId}" />
<netui:anchor action="dropUser" onClick="return confirmDelete('user', '<%=(String)pageContext.getAttribute("thisId");%>');
return false;">
BTW this is in a repeater I have else ware in my code. I would really like to
convert everything to grids to get the sorting, filtering and paging capabilities.
I would like to be able to pass the parameter to my JavaScript so the user has
a little more info on what he is dropping - here is the script:
function confirmDelete(){
//arg 1 would be the record type i.e. "user"
//arg 2 would be the key identifier i.e. "Fred"
var question = "Are you sure you want to drop this record?";
var argNum = confirmDelete.arguments.length;
if (argNum == 1){
question = "Are you sure you want to drop this "+confirmDelete.arguments[0]+"?";
else if (argNum == 2){
question = "Are you sure you want to drop the "+confirmDelete.arguments[0]+"
"+confirmDelete.arguments[1]+"?";
return confirm(question);
Thanks,
John
"John Rohrlich" <[email protected]> wrote:
John,
If you want to put up a confirm dialog before calling an action from
an
anchor it is done as follows.
Here is an example from code of mine that deletes a customer order, if
the
user confirms the delete. I pass the order id as a parameter.
- john
Here is the JavaScript -
function confirmDelete() {
if(confirm('Continue with order delete?'))
return true;
else
return false;
Here is a sample anchor tag -
<netui:anchor action="requestToDeleteOrder" onClick="return
confirmDelete(); return false;">
Delete
<netui:parameter name="orderId" value="{container.item.orderId}"/>
</netui:anchor>

Answer 1

Thanks Eddie, I looked at that reply when you gave it but it didn't give me enough
to go on. You suggested:
<netui-data:expressionColumn title="Show Alert" value="<a href='javascript:alert(12345);return
false;> {container.item.customername}</a>" />
I started a new thread after that one - What is the best way to call a pageflow
action from JavaScript? Guess I was sort of beating around the bush on this. Can
you see where I was going? If I use the method you describe above how do I call
my dropUser pageflow action if the user confirms the drop in the java dialog?
Thanks, John
Eddie O'Neil <[email protected]> wrote:
John--
You might check an earlier response about this from a different thread.
"Re: Confirmation dialog w/netui:anchor and netui-data:anchorColumn"
on
1/28/2004.
It's possible to do though not intentional; the 8.1 grid wasn't
really designed to do this.
The NetUI team is certainly aware of the limitations with using this
version of the grid and is working to address said limitations with a
much improved tag set in v9. If you have additional feedback on
features you'd like to see, please feel free to send them along --
including your top 10 (or whatever!) reasons not to use the grid. :)
In the meantime, depending on what you need to do, the repeater may
suit your needs well, though you may need to do some work to implement
sort / filter logic.
Hope that helps.
Eddie
John H wrote:
So what you are telling me is that a cant do somthing as simple aspop up a confirmation
when using a grid? That really stinks if that is the case. I am thinkingI need
to write up "Top ten reasons not to use a grid." Thanks for the repeatercode.
"John Rohrlich" <[email protected]> wrote:
John,
The grid doesn't support event handlers like onClick but I have included
code here to show you how to pass parameters to your javaScript event
handler when using the repeater. Let me know if you have any questions
about
the code.
Most of the code is standard repeater code. The interesting code is
below
(also see my code comments). I have also attached the full jsp fileand
the
jpf file you need to try my example.
- john
<script language="JavaScript">
function confirmDelete(phrase) {
if(confirm(phrase))
return true;
else
return false;
</script>
<netui-data:repeater dataSource="{pageInput.orders}" defaultText="No
orders">
<netui-data:repeaterItem>
<tr valign="top">
<td>
<netui:label value="{container.item.orderId}"
defaultValue=" "></netui:label>
</td>
<!-- You can't bind data to onClick so you need to build
a
string. -->
<!-- The string will be the function call with the
parameters you are passing. -->
<!-- Here is the building of the string -->
<netui-data:getData resultId="orderId"
value="{container.item.orderId}" />
<%
String somePhrase = "Do you want to delete item " +
pageContext.getAttribute("orderId") + "?";
String foo = "return confirmDelete(\'" + somePhrase+
return false";
%>
<td>
<netui:anchor action="requestToDeleteOrder"
onClick="<%=foo%>" >
Delete
<netui:parameter name="orderId"
value="{container.item.orderId}"/>
</netui:anchor>
</td>
</tr>
</netui-data:repeaterItem>
"John H" <[email protected]> wrote in message
news:[email protected]...
I was hoping someone (bea employee???) could answer a couple moreJavaScript questions
for me?? First one is how do I (can I) do something similar to whatJohn
Rohrlich
(see below) suggested inside a netui-data:grid tag? Among other thingsthat didn't
workI tried this:
<netui-data:anchorColumn action="deleteUsr" title="">
<netui:anchor action="deleteUsr" onClick="return confirmDelete('user',{container.item.usr_nm}
); return false;">
Drop
<netui:parameter name="userToDrop" value="{container.item.usr_nm}"/>
</netui:anchor>
</netui-data:anchorColumn>
From this snippet you might be able to guess what my next questionis. Is
there
a way to render a variable inside the onClick value? I have trieda
number of
things to no avail, stuff like:
<netui-data:getData resultId="thisId" value="{container.item.userId}"/>
<netui:anchor action="dropUser" onClick="return confirmDelete('user','<%=(String)pageContext.getAttribute("thisId");%>');
return false;">
BTW this is in a repeater I have else ware in my code. I would reallylike to
convert everything to grids to get the sorting, filtering and pagingcapabilities.
I would like to be able to pass the parameter to my JavaScript sothe
user has
a little more info on what he is dropping - here is the script:
function confirmDelete(){
//arg 1 would be the record type i.e. "user"
//arg 2 would be the key identifier i.e. "Fred"
var question = "Are you sure you want to drop this record?";
var argNum = confirmDelete.arguments.length;
if (argNum == 1){
question = "Are you sure you want to drop this"+confirmDelete.arguments[0]+"?";
else if (argNum == 2){
question = "Are you sure you want to drop the"+confirmDelete.arguments[0]+"
"+confirmDelete.arguments[1]+"?";
return confirm(question);
Thanks,
John
"John Rohrlich" <[email protected]> wrote:
John,
If you want to put up a confirm dialog before calling an action
from
an
anchor it is done as follows.
Here is an example from code of mine that deletes a customer order,if
the
user confirms the delete. I pass the order id as a parameter.
- john
Here is the JavaScript -
function confirmDelete() {
if(confirm('Continue with order delete?'))
return true;
else
return false;
Here is a sample anchor tag -
<netui:anchor action="requestToDeleteOrder" onClick="return
confirmDelete(); return false;">
Delete
<netui:parameter name="orderId" value="{container.item.orderId}"/>
</netui:anchor>