title: Grails+Jquery-ui - integration issue?
body: <p>I have been trying to use grails with the jquery-ui plug-in, I have created a simple controller along with a gsp page that uses a datepicker, I have not been able to get the date picker to show a list of dates. I have read the plug in documentation + articles on forums etc. but have not found a resolution. </p>
  
  <p>Plug in documentation - <a href="http://grails.org/plugin/jquery-ui" rel="nofollow">http://grails.org/plugin/jquery-ui</a></p>
  
  <p><strong>Dev environment = grails 2.2.0, JDK 7, GGTS latest version</strong> </p>
  
  <p>Any pointers to getting this working would be great.</p>
  
  <p>(I have tried copying/renaming files in web app/other folders but have not been successful) </p>
  
  <p>Steps 
  1. Created a new grails project </p>
  
  <ol>
  <li><p>installed the jQuery-ui plug in </p></li>
  <li><p>Created a controller and gsp page - per the documentation </p></li>
  <li><p>When I navigate to the page it gives me the following error </p>
  
  <p><strong>ERROR resource.ResourceMeta  - Resource not found: /plugins/jquery-ui-1.8.24/jquery-ui/themes/darkness/jquery-ui-1.8.24.custom.css 
  | Error ERROR [/Test2].[default]  - Servlet.service() for servlet [default] in context with path [/Test2] threw exception 
  Message: It looks like you are missing some calls to the r:layoutR</strong> </p></li>
  </ol>
  
  <p>The correct solution on 23-jan-13 that worked in my environment as described in the original post is shown below, I found the code posted on the grails website does not necessarily work as is - hence this edit. (if anyone has any edits do let me know directly)</p>
  
  <p>GSP Code:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Simple GSP page&lt;/title&gt;
          &lt;g:javascript library="jquery" /&gt;
          &lt;g:javascript library="jquery-ui"/&gt;
  
          &lt;script type="text/javascript"&gt;
  
              $(document).ready(function() { 
                 $("#datepicker").datepicker({dateFormat: 'yy/mm/dd'}); }) 
          &lt;/script&gt;
   &lt;r:layoutResources/&gt;   
   &lt;/head&gt;
      &lt;body&gt;
          &lt;div&gt;
              &lt;p&gt; Between &lt;input type="text" id="datepicker"&gt; &lt;/p&gt;        
          &lt;/div&gt;
        &lt;r:layoutResources/&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Controller code:</p>
  
  <pre><code>def testDatePicker = { 
  }
  </code></pre>