I am using my custom portlet in liferay. but somehow when i run my portlet

[Bhavik Kama, módosítva 11 év-val korábban]

Hi,

I have developed custom theme in my liferay portal for my custom portlet


I am using my custom portlet in liferay.
but somehow when i run my portlet i m having following error in browser error console but this error only come while am using my custom theme and its not execute the function which create renderUrl in javascript with AUI.ready method.as my aui is not working in my custom theme.so please guide me that where am doing mistakes?here all necessery files of eg.my jsp page, .vm files

   Timestamp: 12/10/2012 12:33:19 PM
    Error: ReferenceError: AUI is not defined
    Source File: http://localhost:8080/eMenuAdvertise-portlet/js/jquery.min.js
    Line: 4

    Timestamp: 12/10/2012 12:34:21 PM
    Error: ReferenceError: Liferay is not defined
    Source File: http://localhost:8080/eMenuAdvertise-portlet/js/jquery.min.js
    Line: 3

So why this error comes in my jsp page for some jquery?

    <%@ page import="net.sf.jasperreports.engine.JRException"  %>
    <%@ page import="net.sf.jasperreports.engine.JasperExportManager" %>
    <%@ page import="net.sf.jasperreports.engine.JasperFillManager" %>
    <%@ page import="net.sf.jasperreports.engine.JasperPrint" %>
    <%@ page import="net.sf.jasperreports.engine.JasperPrintManager" %>
    
    <%@page import="com.liferay.portal.model.Role"%>
    <%@ include file="/init.jsp"%>
    <%@page import="com.liferay.portal.model.Organization"%>
    <%@page import="com.liferay.portal.util.PortalUtil"%>
    <style>
    .borderColor{border: 1px solid #C62626;}
    </style>
    <portlet:renderurl var="ajaxaddnewrestURL">
    	<portlet:param name="jspPage" value="/jsps/ajaxnewrest.jsp" />
    </portlet:renderurl>
    <portlet:renderurl var="editrestURL">
    	<portlet:param name="jspPage" value="/jsps/Ajax_editrest.jsp" />
    </portlet:renderurl>
    <portlet:renderurl var="restListURL">
    	<portlet:param name="jspPage" value="/jsps/rest.jsp" />
    </portlet:renderurl>
    <portlet:renderurl var="reportURL">
    	<portlet:param name="jspPage" value="/htmlreport/report.html" />	
    </portlet:renderurl>
    <portlet:renderurl var="renderURL ">
        <portlet:param name="param-name" value="param-value" />
        
    </portlet:renderurl>
    
    &lt;%-- <portlet:resourceurl var="ReportId" id="generate_report"></portlet:resourceurl> --%&gt;
    <portlet:resourceurl var="addToDo" id="generate_report"></portlet:resourceurl>	
    
    <script type="text/javascript" src="<%=request.getContextPath()%>/lib/chosen/chosen.jquery.min.js"></script>
    
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/themes/south-street/ui.all.css" type="text/css"> 
    <script src="<%=request.getContextPath()%>/js/datepickernew/jquery-1.8.3.js"></script>
    <script src="<%=request.getContextPath()%>/js/datepickernew/jquery-ui.js"></script>
    
    <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.validate.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/lib/chosen/chosen.jquery.min.js"></script>
    &lt;%
    System.setProperty("java.awt.headless", "true");
    System.out.println(java.awt.GraphicsEnvironment.isHeadless());
    
    String loading_img_path = request.getContextPath()+"/img/ajax_loader.gif";	
    boolean isReseller=false; ///advertiser if flag is false else Reseller
    List<role> role_list_page=themeDisplay.getUser().getRoles();	
    for(Role role_name:role_list_page){
    	if(role_name.getName().equals("Reseller")){
    		isReseller=true;
    		break;									
    	}
    }%&gt;         
    
    <script>
    
    </script>
    
    
      
    <script>
        $(function() {
        	
        	
            $("#Start_validBeforeDatepicker").datepicker({
                numberOfMonths: 1,
                showButtonPanel: true,
                onClose: function( selectedDate ) {
                    $( "#End_validAfterDatepicker" ).datepicker( "option", "minDate", selectedDate );
                    }
    
            });
            $("#End_validAfterDatepicker").datepicker({
                numberOfMonths: 1,
                showButtonPanel: true,
                onClose: function( selectedDate ) {
                    $( "#Start_validBeforeDatepicker" ).datepicker( "option", "maxDate", selectedDate );
                    }
            });
           // $("#validBeforeDatepicker").datepicker({ minDate: 0 });
            $('#Start_validBeforeDatepicker,#End_validAfterDatepicker').datepicker();
        });
        </script>
    <script type="text/javascript">  
    $(".chzn-select").chosen();
    $(".chzn-select-deselect").chosen({
    	allow_single_deselect : true
    });		
    $(document).ready(function() {
    	
    	$(".ui-datepicker").css("display","none");
    	
    	
    	});
    	
    	
    	</script>
    	
    	<script type="text/javascript">
    function update_rest(addToDo){
        var camp_ID =document.getElementById('camp_id').value;
        var f_start_date =document.getElementById('Start_validBeforeDatepicker').value;
        var f_end_date =document.getElementById('End_validAfterDatepicker').value;
         $.ajax({
            url :addToDo,            
              data: {"rest_name":camp_ID,
            	  "f_start_date":f_start_date,
            	  "f_end_date":f_end_date,
            	  "CMD":camp_ID},
              type: "GET",
              timeout: 20000,
              dataType: "text",
            success: function(data) {  
            	alert("");
            	alert ( " liferay url : "+ Liferay.PortletURL.createRenderURL());
            	alert( "row1: " + createRowURL(1) );
            	alert( "row2: " + createRowURL(2) );
            	 $("#mydiv").load("<%=renderURL.toString()%>");
            	 alert(data);
            	 }
        });
    } 
    
    function createRenderURL(str) {
      
        	alert("");
        	
            var renderURL = Liferay.PortletURL.createRenderURL();
            alert("hi");
            renderURL .setParameter("jspPage",str);
            renderURL .setPortletId("eMenuAdvertise_WAR_eMenuAdvertiseportlet");
            // i.e. your-unique-portlet-id can be like "helloworld_WAR_helloworldportlet"
       
    }
</script>
  <nav>
    	<div id="jCrumbs" class="breadCrumb module">
    		<ul>
    			<li><a href="#"><i class="icon-home"></i></a></li>
    			<li><a href="#">Reseller</a></li>
    			<li>Restaurants</li>
    		</ul>
    	</div>
    </nav>
    <div class="row-fluid">
    	<div class="span12">
    	<div id="successMsg" style="display:none;" class="alert alert-success"></div>
    	<div id="errorMsg" style="display:none;" class="alert alert-error"></div>	
    		<h3 class="heading">
    			Statistics
    		</h3>		
    		&lt;%String restId = request.getParameter("hide1");%&gt;	
    		<portlet:actionurl name="generateReport" var="reportURL"></portlet:actionurl>
    </div>
    	<div class="">
    	<div class="">
    			<div class="">
    
    				<div style="float: right">
    <p>
    						<label style="width: 100px"><b>Campaign</b></label>
    					</p>
    					<select id="camp_id" name="camp_id" data-placeholder="- Select Restaurants -" class="chzn-select" multiple>&lt;%
    						String status = null;									
    				List camp_listObj;
    				if(isReseller)
    				{										
    					camp_listObj= campaignLocalServiceUtil.getAllCampaignByOrganizations(themeDisplay);	
    				}
    				else
    				{
    					camp_listObj = campaignLocalServiceUtil.getAllCampaignByOrganizationId(themeDisplay);
    				}
    							for (int i = 0; i &lt; camp_listObj.size(); i++) {
    						%&gt;
    						<option value="<%=camp_listObj.get(i).getPrimaryKey()%">&gt;&lt;%=camp_listObj.get(i).getName().toString()%&gt;</option>
    						&lt;%
    							}
    						%&gt;
    					</select>
    				</div>
    
    
    
    				<div style="float: left;">
    					<p>
    						<button onclick="update_rest('<%=addToDo%>');" class="btn btn-success">GenerateReports</button>
    					</p>
    
    					<b>Start Date</b> <input type="text" style="width: 100px" id="Start_validBeforeDatepicker" name="validTodayDatepicker" readonly="true"> <b>End Date</b> <input type="text" readonly="true" style="width: 100px" id="End_validAfterDatepicker" name="validAfterDatePicker">
    
    				</div>
    
    			</div>
    		</div>
    		<div style="visibility: hidden;">
    								<input type="hidden" name="report_path" id="report_path" value="">
    							</div>
    		
    
    &lt;%
    System.setProperty("java.awt.headless", "true");
    System.out.println(java.awt.GraphicsEnvironment.isHeadless());
    
    %&gt;
    	</div>
    </div>
    <div class="bordercolor" id="mydiv">
    
    </div></role>

portlet.vm

 #set ($portlet_display = $portletDisplay)
    
    #set ($portlet_id = $htmlUtil.escapeAttribute($portlet_display.getId()))
    #set ($portlet_title = $portlet_display.getTitle())
    #set ($portlet_back_url = $htmlUtil.escapeAttribute($portlet_display.getURLBack()))
    
    <section id="portlet_$portlet_id">
    		$portlet_display.writeContent($writer)
    </section>


[b]portal_normal.vm[/b]


    #parse ($init)
    
    
    
    
    
    
    
    
    <div id="wrapper">
    
    	<div id="content">
    		$theme.wrapPortlet("portlet.vm", $content_include)
    	</div>
    
    </div>
    
    
    
    
    $theme.include($bottom_include)
    
    

portal_popup.vm

    
    #parse ($init)
    
    
    
    
    	<title>$the_title</title>
    
    	$theme.include($top_head_include)
    
    
    
    
    $theme.include($content_include)
    
    $theme.include($bottom_ext_include)
    
    
    
    

navigation.vm

<nav class="$nav_css_class" id="navigation">
    	<h1>
    		<span>#language("navigation")</span>
    	</h1>
    
    	<ul>
    		#foreach ($nav_item in $nav_items)
    			#if ($nav_item.isSelected())
    				<li class="selected">
    			#else
    				</li><li>
    			#end
    				<a href="$nav_item.getURL()" $nav_item.gettarget()><span>$nav_item.icon() $nav_item.getName()</span></a>
    
    				#if ($nav_item.hasChildren())
    					<ul class="child-menu">
    						#foreach ($nav_child in $nav_item.getChildren())
    							#if ($nav_child.isSelected())
    								<li class="selected">
    							#else
    								</li><li>
    							#end
    								<a href="$nav_child.getURL()" $nav_child.gettarget()>$nav_child.getName()</a>
    							</li>
    						#end
    					</ul>
    				#end
    			</li>
    		#end
    	</ul>
    </nav>

[Rahul Rabhadiya, módosítva 10 év-val korábban]

Hey have you got any solution of ur problem? I am facing same issue