Tutorials > Program model > Web services > Customize Web services and WebSphere Portal to support a new search

< Previous | Next >

Create a JSP Snippet to display the price search fields

This section refers to creating a JSP Snippet to display the price search fields.

This is an image of the file structure which should have been added to the WebSphere Portal development environment after completing this step:

In the Enterprise Explorer view of WebSphere Portal development environment.

Procedure

1. Expand MVCPortlet/WebContent/jsp/html/

2. Right-click the html folder then click New > Folder.

3. Type the folder name TutorialPriceSearch and click Finish.

4. Open the new TutorialPriceSearch folder. Right-click the title then click New > File.

5. In the New File dialog enter the name PriceSearch.jsp; then click Finish.

6. Open PriceSearch.jsp and click the Source tab. Insert the code below to add the price range fields and the search button:

   <SCRIPT LANGUAGE="JavaScript">
           function filterNonNumeric(field) {
                   var result = new String();
                   var numbers = ".0123456789";
                   var chars = field.value.split(""); // create array 
                   for (i = 0; i
   < chars.length; i++) {
                           if (numbers.indexOf(chars[i]) != -1) result
   += chars[i];
                   }
                   if (field.value != result) field.value = result;
           }
   
           function SubmitPriceSearch(form)
           {
                   form.action = "<c:out
   value="${PriceSearchDisplayURL}" escapeXml="false" />";
                   form.submit();
           }
   </SCRIPT> 
   
   <td>&nbsp;&nbsp;MinPrice:&nbsp;&nbsp;</td>
   <td><input name="minPrice"
   value="<c:out value="${param.minPrice}" />" type="text"
   size=10 onKeyUp="filterNonNumeric(this)" /></td>
   
   <td>MaxPrice:&nbsp;&nbsp;</td>
   <td><input name="maxPrice"
   value="<c:out value="${param.maxPrice}" />" type="text"
   size=10 onKeyUp="filterNonNumeric(this)" /></td>
   
   <td><a
   href="javascript:SubmitPriceSearch(document.<portlet:namespace/>SearchJumpForm);"><img
   src="<wcp:encodeURL url="images/search.gif" remote="false"
   escapeStore="true" />"
   Search.label"/>" width="16"
   height="16"
   border="0"></a></td>
   

7. Save the PriceSearch.jsp file.

< Previous | Next >

+

Search Tips   |   Advanced Search