How to use jQuery on richface?

[user080701]

I have add the following code in my jsf page but javascript error show.

<a4j:loadScript src="resource://jquery.js"/>

$(document).ready(function() {
alert('test') ;
});

[user080701]

Sorry, the exact code is

<a4j:loadScript src="resource://jquery.js"/>

jQuery(document).ready(function() {
alert('test') ;
var numRows = $('#listitems:content:listform:productlist').find('tr').length
alert(numRows) ;
});



where i define the dataGiid table as
<rich:dataGrid id="productlist" .....
and I view the page source code, the table id is listitems:content:listform:productlist'

[user080701]

missing the javascript in post


jQuery(document).ready(function() {
alert('test') ;
var numRows = $('#listitems:content:listform:productlist').find('tr').length
alert(numRows) ;
});

[nbelaevski]

Hello,

Try to use rich:jQuery component: http://livedemo.exadel.com/richfaces-demo/richfaces/jQuery.jsf?c=jQuery&tab=usage