display:column + javascript

[Deeps Mistry]

Hi,

I Want to pass the "id" attribute to my javascript function.

My jsp:

<display:table htmlId="table3"	name="${coll}" defaultsort="2" pagesize="8"
						requestURI="/pim/EmpDetails.action" style="width: 300px" id="row">
	
						
		<display:column class="idColumn" property="id" title="Id" sortable="true" style="width: 70px" [color=red]href="javascript:EmpSelected($(row.id))[/color]"/>
			<display:column property="name" title="Name" sortable="true" style="width: 150px"/>
		</display:table>


function EmpSelected(id)
 {
 	
 	alert(id) ---get undefined over here
 	//window.opener.document.getElementById('cmbRepEmpID').value = emp; 
 	self.close();
 }

please help me out.

Thanks

[Eric Pascarello]

URGENT!!! Read this ASAP!

Showing us Serverside markup does not help. Look at the generated html source and paste that here.

I am off to bed, so I can not answer your URGENT query.

Eric

[Deeps Mistry]

Eric Pascarello wrote:URGENT!!! Read this ASAP!

Showing us Serverside markup does not help. Look at the generated html source and paste that here.

I am off to bed, so I can not answer your URGENT query.

Eric

[Romit Bose]

hi,
wouldn't it be nice to pass 'this' from the element to your javascript? instead of passing rowId?

[Eric Pascarello]

So I woke up thinking I would see some nice generated code and to my surprise I did not. If you show us some code that is not the serverside markup we will be able to see your problem.

Eric

[Deeps Mistry]

Eric Pascarello wrote:So I woke up thinking I would see some nice generated code and to my surprise I did not. If you show us some code that is not the serverside markup we will be able to see your problem.

Eric

<table  border="0"  >
	<form name="indexForm" action="" method="post"></form>
	<input name="tabnumber" value="1" type="hidden">
	<tbody>
		<tr>
			<td >
			
<table>
	<tr>
		<div>
		<div>
		
		<table  border="0"   >
			<tbody>
				<tr>
					<td  >
					<h3>Search</h3>
					</td>
					<td  >    </td>
				</tr>
			</tbody>
		</table>
		</div>
		<div class="roundbox" style="width: 250px">
		<div class="north">
		<div class="east">
		<div class="south">
		<div class="west">
		<div class="ne">
		<div class="se">
		<div class="sw">
		<div class="nw">
		<div class="roundbox_content">
		<table class="" border="0"  
			>
			<tbody>
				<tr >
					<td class="dataLabel"  ><label
						for="loc_code" style="float: left;"> Search By: </label>
					   <select name="loc_code" id="loc_code">
						<option value="-Select-">-Select-</option>
						<option value="ID">Emp. ID</option>
						<option value="firstname">Emp. First Name</option>
						<option value="lastname">Emp. Last Name</option>
						
					</select></td>
					<td class="dataLabel"  ><label
						for="loc_name" style="float: left;"> Search For: </label>
					   <input size="15" name="loc_name" class="dataField"
						value="" type="text"></td>
						</tr>
						<tr>
					<td class="dataLabel"  >
					<input type="image" title="Search" alt="Search"	src="../pictures/search.gif" onclick="returnSearch();">
					  
					</td>
					<td>
					 <input type="image" title="Clear" alt="Clear"
						src="../pictures/clear.gif" onclick="clear_form();" /></td>
				</tr>
			</tbody>
		</table>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		<div style="padding-top: 4px; width: 250px;"><span
			id="messageDisplay">   </span></div>

		<div class="roundbox" style="width: 250px">
		<div class="north">
		<div class="east">
		<div class="south">
		<div class="west">
		<div class="ne">
		<div class="se">
		<div class="sw">
		<div class="nw">
		<div class="roundbox_content">
		<span class="pagebanner">10 items found, displaying 1 to 8.</span><span class="pagelinks">[First/Prev] <strong>1</strong>, <a   rel="nofollow">2</a> [<a >Next</a>/<a >Last</a>]</span>
<table  id="table3">
<thead>
<tr>
<th class="sortable">
<a >Id</a></th>
<th class="sortable sorted order1">
<a >Name</a></th></tr></thead>
<tbody>
<tr class="odd">
<td class="idColumn" >
<a >R.I.101</a></td>
<td >eeeee ddddd</td></tr>
<tr class="even">
<td class="idColumn" >
<a >R.I.96</a></td>
<td >gdfg fgf</td></tr>
<tr class="odd">
<td class="idColumn" >
<a >R.I.94</a></td>
<td >hhh mmm</td></tr>
<tr class="even">
<td class="idColumn" >
<a >R.I.91</a></td>
<td >james bond</td></tr>
<tr class="odd">
<td class="idColumn" >
<a >R.I.93</a></td>
<td >ok fine</td></tr>
<tr class="even">
<td class="idColumn" >
<a >R.I.90</a></td>
<td >pm am</td></tr>
<tr class="odd">
<td class="idColumn" >
<a >R.I.99</a></td>
<td >t t</td></tr>
<tr class="even">
<td class="idColumn" >
<a >R.I.95</a></td>
<td >wqr wre</td></tr></tbody></table></div>
		
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
	
	</tr>

</table>
</form>

 
  function EmpSelected(id)
 {
 	alert(id)
 	window.opener.document.getElementById('cmbRepEmpID').value = emp; 
 	self.close();
 }
   

[Eric Pascarello]

The forum removed the event handlers since the html markup was not in a code tag.

Please check the "Disable HTML in this message" checkbox and repost your code.

Eric

[Deeps Mistry]

Eric Pascarello wrote:The forum removed the event handlers since the html markup was not in a code tag.

Please check the "Disable HTML in this message" checkbox and repost your code.

Eric

<table style="width: 300px" id="table3">
<thead>
<tr>
<th class="sortable">
<a href="/HRM/pim/EmpDetails.action?d-436848-s=0&d-436848-o=2">Id</a></th>
<th class="sortable sorted order1">
<a href="/HRM/pim/EmpDetails.action?d-436848-s=1&d-436848-o=1">Name</a></th></tr></thead>
<tbody>
<tr class="odd">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.101</a></td>
<td style="width: 150px">eeeee ddddd</td></tr>
<tr class="even">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.96</a></td>
<td style="width: 150px">gdfg fgf</td></tr>
<tr class="odd">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.94</a></td>
<td style="width: 150px">hhh mmm</td></tr>
<tr class="even">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.91</a></td>
<td style="width: 150px">james bond</td></tr>
<tr class="odd">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.93</a></td>
<td style="width: 150px">ok fine</td></tr>
<tr class="even">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.90</a></td>
<td style="width: 150px">pm am</td></tr>
<tr class="odd">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.99</a></td>
<td style="width: 150px">t t</td></tr>
<tr class="even">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.95</a></td>
<td style="width: 150px">wqr wre</td></tr></tbody></table>


function EmpSelected(id)
 {
 	alert('')
 	alert(id)
 	//window.opener.document.getElementById('cmbRepEmpID').value = emp; 
 	self.close();
 }

Thanks
 

    

[Eric Pascarello]

And what is $(Emptbl.id)

Eric

[Deeps Mistry]

Eric Pascarello wrote:And what is $(Emptbl.id)

Eric

Emptbl is the table id
id is the property whose value i want to pass to the javascript function.

[Eric Pascarello]

if Emptbl an html table or an JSON object?

Eric

[Deeps Mistry]

Eric Pascarello wrote:if Emptbl an html table or an JSON object?

Eric

html table

[Eric Pascarello]

Shouldn't your code be

"javascript:EmpSelected($('Emptbl').id)"

or just

"javascript:EmpSelected('Emptbl')"

Eric

[Deeps Mistry]

Eric Pascarello wrote:Shouldn't your code be

"javascript:EmpSelected($('Emptbl').id)"

or just

"javascript:EmpSelected('Emptbl')"

Eric

 
<display:column class="idColumn" property="id" title="Id" sortable="true" [color=red]href="javascript:EmpSelected('Emptbl')"[/color] style="width: 70px"></display:column>
   

this is the error i get :

According to TLD or attribute directive in tag file, attribute value does not accept any expressions

I tried both the solutions.

[Eric Pascarello]

Than that is serverside code, what does

1. "javascript:EmpSelected($('Emptbl').id)"

render when you look at it view the view source of the browser?

Eric

[Deeps Mistry]

Eric Pascarello wrote:Than that is serverside code, what does

1. "javascript:EmpSelected($('Emptbl').id)"

render when you look at it view the view source of the browser?

Eric

the page is displayed with Error. I cant view its source. What do i do?

Thanks

[Eric Pascarello]

Um, go back to the way it was before?

I think you were using some sort of JavaScript library there and not serverside code.

I know what the problem is, I am trying to get you to see it be looking at the source code that is generated by your server.

Eric

[Deeps Mistry]

Eric Pascarello wrote:Um, go back to the way it was before?

I think you were using some sort of JavaScript library there and not serverside code.

I know what the problem is, I am trying to get you to see it be looking at the source code that is generated by your server.

Eric

<table style="width: 300px" id="table3">
<thead>
<tr>
<th class="sortable">
<a href="/HRM/pim/EmpDetails.action?d-436848-s=0&d-436848-o=2">Id</a></th>
<th class="sortable sorted order1">
<a href="/HRM/pim/EmpDetails.action?d-436848-s=1&d-436848-o=1">Name</a></th></tr></thead>
<tbody>
<tr class="odd">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.101</a></td>
<td style="width: 150px">eeeee ddddd</td></tr>
<tr class="even">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.96</a></td>
<td style="width: 150px">gdfg fgf</td></tr>
<tr class="odd">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.94</a></td>
<td style="width: 150px">hhh mmm</td></tr>
<tr class="even">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.91</a></td>
<td style="width: 150px">james bond</td></tr>
<tr class="odd">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.93</a></td>
<td style="width: 150px">ok fine</td></tr>
<tr class="even">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.90</a></td>
<td style="width: 150px">pm am</td></tr>
<tr class="odd">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.99</a></td>
<td style="width: 150px">t t</td></tr>
<tr class="even">
<td class="idColumn" style="width: 70px">
<a href="javascript:EmpSelected($(Emptbl.id))">R.I.95</a></td>
<td style="width: 150px">wqr wre</td></tr></tbody></table></div>
		
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
	
	</tr>

</table>


 function EmpSelected(id)
 {
 	alert('')
 	alert(id)
 	//window.opener.document.getElementById('cmbRepEmpID').value = emp; 
 	self.close();
 }
 



 

[Eric Pascarello]

code looks the same

Why is $(Emptbl.id) not being converted to some sort of string?

Eric

[Deeps Mistry]

Eric Pascarello wrote:code looks the same

Why is $(Emptbl.id) not being converted to some sort of string?

Eric

Even I am trying to figure out the same.
I also tried this:
<display:column class="idColumn" property="id" title="Id" sortable="true" href="javascript:EmpSelected('<c:out value="*$(EmpTbl.id)*">')" style="width: 70px">
</display:column>

But i am getting syntax error.

[Deeps Mistry]

Deeps Mistry wrote:

Eric Pascarello wrote:code looks the same

Why is $(Emptbl.id) not being converted to some sort of string?

Eric

Even I am trying to figure out the same.
I also tried this:
<display:column class="idColumn" property="id" title="Id" sortable="true" href="javascript:EmpSelected('<c:out value="*$(EmpTbl.id)*">')" style="width: 70px">
</display:column>

But i am getting syntax error.

Any idea ranchers? what am i doing wrong?

[Himanshu Kansal]

Is $(EmpTbl.id) correct? Should it be ${EmpTbl.id}? (I ve not followed the complete thread)

Also the javascript call can be with escaped quotes:

"javascript:EmpSelected(\"$(EmpTbl.id)\");"

or

"javascript:EmpSelected(\"${EmpTbl.id}\");"

Regards

[Deeps Mistry]

Himanshu Kansal wrote:Is $(EmpTbl.id) correct? Should it be ${EmpTbl.id}? (I ve not followed the complete thread)

Also the javascript call can be with escaped quotes:

"javascript:EmpSelected(\"$(EmpTbl.id)\");"

or

"javascript:EmpSelected(\"${EmpTbl.id}\");"

Regards

Hey, thanks a lot for your quick rsponse.

I tried

<display:column property="name" title="Name" sortable="true"
				style="width: 200px" href="javascript:EmpSelected(\"${emptbl.name}\")"/>
    

and the corresponding server side code is:

 

<tr class="odd">
<td class="idColumn" style="width: 200px">R.I.93</td>
<td style="width: 200px">
<a href="javascript:EmpSelected("pm am")">ok fine</a></td></tr>
<tr class="even">
<td class="idColumn" style="width: 200px">R.I.90</td>
<td style="width: 200px">
<a href="javascript:EmpSelected("pm am")">pm am</a></td></tr>
<tr class="odd">
<td class="idColumn" style="width: 200px">R.I.99</td>
<td style="width: 200px">
<a href="javascript:EmpSelected("pm am")">t t</a></td></tr>
<tr class="even">
<td class="idColumn" style="width: 200px">R.I.95</td>
<td style="width: 200px">
<a href="javascript:EmpSelected("pm am")">wqr wre</a></td></tr></tbody></table> 



 function EmpSelected(name)
 {
 	alert(name);
 	
 	//window.opener.document.getElementById('cmbRepEmpID').value = emp; 
 	self.close();
 }
 
   

two problems over here:
1) same value for each row i.e in my case "pm am"
2) when i click on the link, the javascript function doesnt get called. I dont get the alert.

Thanks

[Himanshu Kansal]

Hey, good we are reaching somewhere.

I see your link as <a href="javascript:EmpSelected("pm am")">ok fine</a>
should be:

<a href="javascript:EmpSelected(\"pm am\")">ok fine</a>

or

<a href="javascript:EmpSelected('pm am')">ok fine</a>

. So tweak it.

Does using $(Emptbl.id) for ${Emptbl.id} iterates over the values?

Regards

[Punit Singh]

Hi,

Did you try this one:

href="javascript:EmpSelected('${row.id}')" 

href="javascript:EmpSelected('${emptbl.name}')"

 

[Himanshu Kansal]

Punit Singh wrote:Hi,

Did you try this one:

href="javascript:EmpSelected('${row.id}')" 

href="javascript:EmpSelected('${emptbl.name}')"

 

this should do