Javascript/Ajax

[Avinash Vutukuri, geändert vor 12 Jahren.]

Hello,

I have a portlet which contains a form with 5 fields. I have to create a dynamic drop down list where the options of one dropdown field are dependant on the other dropdown field. Can some one let me know how could this be acheived?


I have implemented it by using Javascript/ajax. I have another "jsp" containing the code to communicate with the database and fetch the data which is called Onchangeof the 1st dropdown. But this jsp is not being invoked. Can some one let me know how can this be resolved??


Thank You,
Avinash.

[Kavita Gupta, geändert vor 12 Jahren.]

Hi Avinash,

Hope below code will help


Jquery:

<script type="text/javascript" language="javascript">
    $(document).ready(function(){
        $("#testLink").click(function(){
            $.post('<%=request.getContextPath()%>/selectOption.jsp', {}, function(data){
                $("#infoValue").html(data);
            })
        });
    });

</script>

Html :

<div id="mainDetails">
    <a href="#" id="testLink">Get Value</a>
    <span id="infoValue"></span>
</div>

[Ravi Kumar Gupta, geändert vor 12 Jahren.]

I would suggest you to go with either serveResource method or using processAction but with Exclusive mode of portlet. You should be able to get both examples here http://sourceforge.net/projects/ajaxjqueryportl/files/

[Sagar A Vyas, geändert vor 12 Jahren.]

Hi Avinash,

For simple understanding you can refer this also : http://www.excession.org.uk/blog/liferay-and-ajax.html

Thanks,
Sagar Vyas

[Jignesh Vachhani, geändert vor 12 Jahren.]

Hi Avinash,
you can check this url http://liferaycms.blogspot.com/2011/06/ajax-call-using-jquery-in-liferay.html
Hope this will be usefull