文档章节

spring 通过jquery的dategrid搜索条件给输入框修改。

wenwen1
 wenwen1
发布于 2013/03/15 12:32
字数 410
阅读 28
收藏 0

js上:

 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这么写的:

<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数据
* @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;
}

© 著作权归作者所有

wenwen1
粉丝 1
博文 26
码字总数 9049
作品 0
徐汇
私信 提问
你的第一杯Web 2.0 —— 快速浏览jQuery、Spring MVC和XStream/J...

不再有页面刷新:使用jQuery 相关厂商内容 免费迷你书下载:Flex入门指南——PHP开发者 Flash Builder 4 Beta和FlexUnit下的测试驱动开发 下载Flex 4 SDK,构建超级棒的Flex应用 使用Pixel B...

李长春
2011/09/15
328
0
非常实用的12 个 jQuery 代码片段

jQuery是一个非常流行而且实用的JavaScript前端框架,本文并不是介绍jQuery的特效动画,而是分享一些平时积累的12个jQuery实用代码片段,希望对你有所帮助。 1. 导航菜单背景切换效果 在项目...

_小狼狗
2015/11/09
118
0
几个非常实用的JQuery代码片段

jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并...

IT智云编程
2018/11/03
0
0
spring boot 接收 ajax 提交的表单数据

最近在学习 spring boot 在提交数据的时候遇到了一点问题 在使用formData 对表单进行提交的时候出现的 首先设置了让jquery 不出处理表单数据,不然jquery 会报错 这个是没问题的 然后设置让 ...

小鸟00
2018/08/06
3.9K
3
利用Ext,将字段名称和页面显示的汉字作为参数传递,如何自动生成页面

运行环境:spring,jquery,Ext 问题:完成这样一个功能,通过页面输入字段名称以及在字段名称在页面显示的汉字,后台将这两个信息作为参数传递到后台,即可自动生成前台页面,页面显示汉字和...

原来_我
2016/02/01
240
1

没有更多内容

加载失败,请刷新页面

加载更多

Experts say the weaker pound is drawing investors to the UK tech sector

UK tech companies secured a record £5.5bn in foreign investment in the first seven months of this year, research shows. This was more than the amount invested per capita in th......

wowloop
7分钟前
2
0
Add support for Android 9-patch images in BorderImage

The 9-patch image implementation in Qt Quick Controls 1 is an internal implementation detail of the Android style. It cannot handle .9.png image files out of the box, but takes ......

shzwork
12分钟前
3
0
c/c++日期时间处理函数小结

日期时间处理函数: 日期时间转为字符串 strftime/std::put_time 字符串解析成日期时间 strptime/std::get_time 时间结构转换:time_t->tm localtime:time_t->tm 时间结构转换:tm->time_t ...

chuqq
16分钟前
4
0
Apache Flink 进阶入门(二):Time 深度解析

前言 Flink 的 API 大体上可以划分为三个层次:处于最底层的 ProcessFunction、中间一层的 DataStream API 和最上层的 SQL/Table API,这三层中的每一层都非常依赖于时间属性。时间属性是流处...

大涛学长
17分钟前
3
0
创龙基于Xilinx Artix-7系列FPGA处理器

SOM-TLA7是一款由广州创龙基于Xilinx Artix-7系列FPGA自主研发的核心板,可配套广州创龙Artix-7开发板使用。核心板尺寸仅70mm*50mm,采用沉金无铅工艺的10层板设计,专业的PCB Layout保证信号...

Tronlong创龙
23分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部