API tools faq
paste
Advertisement
MichelCavalheiro

list.gsp

MichelCavalheiro
Jul 17th, 2012
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 7.27 KB | None | 0 0
raw download clone embed print report
  1. <%@ page import="net.dbws.tutorials.Customer" %>
  2. <html>
  3.     <head>
  4.         <link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
  5.         <link rel="stylesheet" href="${resource(dir:'css',file:'ui.jqgrid.css')}" />
  6.         <link rel="stylesheet" href="${resource(dir:'css/ui-lightness',file:'jquery-ui-1.7.2.custom.css')}" />
  7.         <g:javascript library="jquery-1.3.2.min"/>
  8.         <g:javascript library="jquery-ui-1.7.2.custom.min"/>
  9.         <g:javascript library="grid.locale-en"/>
  10.         <g:javascript library="jquery.jqGrid.min"/>
  11.         <jq:resources/>
  12.         <jqui:resources/>
  13.         <jqgrid:resources/>
  14.     </head>
  15.     <body>
  16.        <div class="body">
  17.             <h1>Customer List</h1>
  18.  
  19.             <div id='message' class="message" style="display:none;"></div>
  20.            
  21.             <!-- table tag will hold our grid -->
  22.             <table id="customer_list" class="scroll jqTable" cellpadding="0" cellspacing="0"></table>
  23.             <!-- pager will hold our paginator -->
  24.             <div id="customer_list_pager" class="scroll" style="text-align:center;"></div>
  25.  
  26.             <div style="margin-top:5px">
  27.               <input class="ui-corner-all" id="btnAdd" type="button" value="Add Record"/>
  28.               <input class="ui-corner-all" id="btnAdd2" type="button" value="Add Record"/>
  29.               <input class="ui-corner-all" id="btnEdit" type="button" value="Edit Selected Record"/>
  30.               <input class="ui-corner-all" id="btnDelete" type="button" value="Delete Selected Record"/>
  31.             </div>
  32.  
  33.  
  34.             <script type="text/javascript">
  35.             var lastSelectedId;
  36.            
  37.             /* when the page has finished loading.. execute the following */
  38.             $(document).ready(function () {
  39.              
  40.                 // set on click events for non toolbar buttons
  41.                 $("#btnAdd").click(function(){
  42.                   $("#customer_list").jqGrid("editGridRow","new",
  43.                      {addCaption:'Adicionar Paciente 2',
  44.                      afterSubmit:afterSubmitEvent,
  45.                      savekey:[true,13]});
  46.                 });
  47.  
  48.   $("#btnAdd2").click(function(){
  49.                   $("#customer_list").jqGrid("addRowData","new",
  50.                    {
  51.                      'firstName':"coisa 1",
  52.                      'lastName':"coisa 2",
  53.                      'age':22,
  54.                      'emailAddress':"[email protected]"
  55.                      
  56.                      
  57.                    });
  58.                 });
  59.  
  60.                 $("#btnEdit").click(function(){
  61.                    var gr = $("#customer_list").jqGrid('getGridParam','selrow');
  62.                    if( gr != null )
  63.                      $("#customer_list").jqGrid('editGridRow',gr,
  64.                      {closeAfterEdit:true,
  65.                       afterSubmit:afterSubmitEvent
  66.                      });
  67.                    else
  68.                      alert("Please Select Row");
  69.                 });
  70.  
  71.                 $("#btnDelete").click(function(){
  72.                   var gr = $("#customer_list").jqGrid('getGridParam','selrow');
  73.                   if( gr != null )
  74.                     $("#customer_list").jqGrid('delGridRow',gr,
  75.                      {afterSubmit:afterSubmitEvent});
  76.                   else
  77.                     alert("Please Select Row to delete!");
  78.                 });
  79.                
  80.  
  81.                 $("#customer_list").jqGrid({
  82.                   url:'jq_customer_list',
  83.                   editurl:'jq_edit_customer',
  84.                   datatype: "json",
  85.                   colNames:['Primeiro Nome','Segundo Nome','Idade','E-mail','ID'],
  86.                   colModel:[
  87.                     {name:'firstName',
  88.                      editable:true,
  89.                      editrules:{required:true}
  90.                     },
  91.                     {name:'lastName',
  92.                      editable:true,
  93.                      editrules:{required:true}
  94.                     },
  95.                     {name:'age',
  96.                       editable:true,
  97.                       editoptions:{size:3},
  98.                       editrules:{required:true,integer:true}
  99.                     },
  100.                     {name:'emailAddress',                    
  101.                      editable:true,
  102.                      editoptions:{size:30},
  103.                      editrules:{required:true,email:true}
  104.                     },
  105.                     {name:'id',hidden:true}
  106.                   ],
  107.                   rowNum:4,                  
  108.                   pager:jQuery('#customer_list_pager'),
  109.                   gridview: true,
  110.                   viewrecords: true,
  111.                   showPager: true,
  112.                   cellEdit:true,
  113.                   cellsubmit: 'remote',
  114.                   cellurl:'jq_edit_customer'
  115.                  
  116.                 }).navGrid('#customer_list_pager',
  117.                     {add:true,edit:true,del:true,search:false,refresh:true},      // which buttons to show?
  118.                     {closeAfterEdit:true,
  119.                      afterSubmit:afterSubmitEvent
  120.                     },                                   // edit options
  121.                     {addCaption:'Adicionar Pacientes',
  122.                      afterSubmit:afterSubmitEvent,
  123.                      savekey:[true,13]},            // add options
  124.                     {afterSubmit:afterSubmitEvent}  // delete options
  125.                 );
  126.  
  127.  
  128.                 $("#customer_list").jqGrid('filterToolbar',{autosearch:true});
  129.             });
  130.            
  131.             function afterSubmitEvent(response, postdata) {
  132.                 var success = true;
  133.                 console.log ('here')
  134.                 var json = eval('(' + response.responseText + ')');
  135.                 var message = json.message;
  136.  
  137.                 if(json.state == 'FAIL') {
  138.                     success = false;
  139.                 } else {
  140.                   $('#message').html(message);
  141.                   $('#message').show().fadeOut(10000);  // 10 second fade
  142.                 }
  143.  
  144.                 var new_id = json.id
  145.                 return [success,message,new_id];
  146.             }
  147.  
  148.             </script>
  149.       </div>
  150.  
  151. <div id="list-cliente" class="content scaffold-list" role="main">
  152.             <h1><g:message code="default.list.label" args="[entityName]" /></h1>
  153.             <g:if test="${flash.message}">
  154.             <div class="message" role="status">${flash.message}</div>
  155.             </g:if>
  156.             <table>
  157.                 <thead>
  158.                     <tr>
  159.                    
  160.                         <g:sortableColumn property="firstName" title="${message(code: 'cliente.nome.label', default: 'Nome')}" />
  161.                                                 <g:sortableColumn property="dataNascimento" title="${message(code: 'cliente.dataNascimento.label', default: 'Data Nascimento')}" />
  162.                        
  163.                    
  164.                     </tr>
  165.                 </thead>
  166.                 <tbody>
  167.                 <g:each in="${customerInstanceList}" status="i" var="customerInstance">
  168.                     <tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
  169.                    
  170.                         <td><g:link action="show" id="${customerInstance.id}">${fieldValue(bean: customerInstance, field: "firstName")}</g:link></td>
  171.                                                 <td>${fieldValue(bean: customerInstance, field: "lastName")}</td>
  172.                        
  173.                    
  174.                     </tr>
  175.                 </g:each>
  176.                 </tbody>
  177.             </table>
  178.             <div class="pagination">
  179.                 <g:paginate total="${customerInstanceTotal}" />
  180.             </div>
  181.         </div>
  182.     </body>
  183. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!