spring 經過jquery的dategrid搜索條件給輸入框修改。

js上: javascript

 function searchSupplier(){
       $('#searchSupplier').window('open');
   }
   function searchSupplierSubmit() {
       var name = $('#searchSupplier #supplier_name').val();
       alert(name);
       $('#tt-supplier').datagrid({
           url: encodeURI('${pageContext.request.contextPath}/searchSupplier?supplierName='+name),
           title: '供應商',
           width: 670,
           height: 'auto',
           fitColumns: true,
           rownumbers: true,
           singleSelect: true,
           columns: [[
                   {field: 'id', title: 'id', width: 30},
                   {field: 'supplierNo', title: '編號', width: 50},
                   {field: 'supplierName', title: '供應商名稱', width: 200},
                   {field: 'bussiness', title: '業務', width: 200},
                   {field: 'contact', title: '聯繫人', width: 100},
                   {field: 'do', title: '操做', width: 50, align: 'left'}
               ]]
       });
   }
   function searchSuplierSelected(id,name) {
  alert(name);
       $("#procureplan_supplier").val(name);
       $("#supplier").val(id);
       $("#searchSupplier").window('close');
   }
jsp這麼寫的: java

<td class="label" valign="top">
<fmt:message key="procureplan.supplier.title"/>:
</td>
<td>
<input  id="procureplan_supplier"  required="true" style="width:280px" readonly="true"/>
                        <form:hidden id="supplier" path="supplier.id"/>
                        <a href="javascript:void(0)" onclick="searchSupplier()"><img src="${pageContext.request.contextPath}/images/icons/view.gif"  border="0" style="margin-top:2px;" ></a>
</td>
<!--搜索供應商-->
<div id="searchSupplier" class="easyui-window" title="搜索供應商" closed="true" iconCls="icon-add" style="width:710px;height:400px">
    <table width="100%">
        <tr>
            <td width="14%"><fmt:message key="procureplan.supplier.title"/></td>
            <td width="16%"><input id="supplier_name" type="text" style="width: 100px"></td>
            <td width="10%"></td>
            <td width="29%"><input type="submit"onclick="searchSupplierSubmit()"  value="肯定"border="0" style="margin-top:1px"></td>
        </tr>
    </table>
    <table id="tt-supplier" align="center"></table>
</div>
後臺control是這麼寫的: json

/*
* 根據供應商名稱查找供應商轉換成json數據
* @RequestParam supplierName
*/
//2013-01-08------------------------------------------------------------------------------
@RequestMapping("/searchSupplier")
public @ResponseBody Map<String,List> searchSupplier(String supplierName)throws Exception{
Map<String,List> josnMap = new HashMap<String,List>();
String tempStr=supplierName;//將supplierName賦值給tempStr;
String result=new String(tempStr.getBytes("ISO-8859-1"),"UTF-8");//轉成utf-8;
List<Supplier> suppliers = systemManageService.findAllSuppliersByName(result);
List list=new ArrayList();
if(suppliers.size()>0){
for(Supplier supplier:suppliers)
{
Map<String,Object> supplierMap=new HashMap<String,Object>();
int id=supplier.getId();
String name=supplier.getSupplierName();
supplierMap.put("id", supplier.getId());
supplierMap.put("supplierNo", supplier.getSupplierNo());
supplierMap.put("supplierName", supplier.getSupplierName());
supplierMap.put("bussiness", supplier.getBussiness());
supplierMap.put("contact", supplier.getContact());
supplierMap.put("do", "<a href='#' onclick='searchSuplierSelected(\""+id+"\", \""+name +"\")'>選擇</a>");
list.add(supplierMap);
}
}
else{
Map<String,Object> supplierMap=new HashMap<String,Object>();
supplierMap.put("id", null);
supplierMap.put("supplierNo", null);
supplierMap.put("supplierName", null);
supplierMap.put("bussiness", null);
supplierMap.put("contact", null);
list.add(supplierMap);
}
josnMap.put("rows",list);
return josnMap;
}
app

相關文章
相關標籤/搜索