2 libaitian weilai libaitian_weilai 于 2016.04.14 18:29 提问

【在线 等】easyui 搜索功能添加 与后台controller交互 ,前端无响应
下载平台: 打包分支: 版本:  
            </div>
            <table class="appDown">
            </table>

        </div>

$(document).ready(function() {
$('#Btnsearch').click(function(){
displaySearchQ();
});
//获取查询字段内容
function getQueryParams(){
var queryParams = {};
queryParams.searchPlat = $("#searchPlat").val();
queryParams.searchVersion = $("#searchVersion").val();
queryParams.searchBranch = $("#searchBranch").val();
return queryParams;
}
function displaySearchQ(){
debugger;
$("#search table.appDown").datagrid({
url:"rest/app/listSearch",
pageSize:20,
queryParams:getQueryParams(),
type: 'post',
dataType: 'json',
idField: "id",
pagination: true,
singleSelect: true,
pageSize: 20,
columns: [[
{field: 'id', title: '编号', width: 40},
{field: 'platform', title: '下载平台', width: 70},
{field: 'branch', title: '打包分支', width: 70},
{field: 'version', title: '版本', width: 50},
{field: 'project', title: '项目名称', width: 70},
{field: 'environment', title: '环境信息', width: 70},
{field: 'creattime', title: '打包时间', width: 135},
{
field: 'opt', title: '操作', width: 110, align: 'center', formatter: function (value, row, index) {
// return "二维码";
return "二维码 " +
" 下载";
}
}
]]
});
var pager = $('#search table.appDown').datagrid('getPager');
$(pager).pagination({
pageSize:20,
pageList:[20,40,60],
beforePageText: '第',
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录'
});
}
});

            后端 controller:
             @RequestMapping("listSearch")
@ResponseBody
public Map<String,Object> listSearch(String searchPlat,String searchVersion,String searchBranch,Integer page,Integer rows ){
    Map<String,Object> datas = new HashMap<String, Object>();
    List<Appdownload> servers = this.appDownloadService.getBranch(searchPlat,searchVersion,searchBranch,(page-1)*rows,rows);
    datas.put("rows",servers);
    datas.put("total",this.downloadMapper.getSearchKey());
    return datas;
}

1个回答

libaitian_weilai
libaitian_weilai   2016.04.14 18:47

哪位大师 帮忙 看下啊

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
web项目关于 jquery easyui 与后台数据交互
#待补充。。。
easyUI(前台和后台数据交互)
闲来无事,学习了一下easyUI。这是一个很简单的例子,给大家简单演示easyUI和后台的交互,包括数据的增删改查,希望给初学者有所帮助。使用的技术是ssm(springmvc+spring+mybatis)。这是一个maven项目。
web前端——前端页面与后台controller实现前端后台交互
前端jsp页面: <td> <a href="${ctx}/goods/del/${goodItem.id};" type="submit" >删除</a> </td> 后台controller: @RequestMapping("/del/{gid}") public String del(@PathVariable("gid")long gid, Model model)
easyui Datagrid+searchbox 实现搜索功能
这是
web前端——ajax提交后台controller实现前端后台交互(1) 传单个参数
ajax传单个参数给controller(action)<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script> function del(gid) { $.ajax({ type: "post", url: "/goods/del",
【easyui】combotree类似combobox模糊查询功能,动态加载数据
easyui的combobox可以输入框输入,然后自动在下拉框中显示匹配结果,但是combotree不行;下面为实现方法
表单form提交数据后台交互controller
form 的post提交表单(带多参数)方式 html 页面的form设置: &amp;lt;form class=&quot;form-horizontal&quot; role=&quot;form&quot; method=&quot;post&quot; action=&quot;/goods/createShop&quot; &amp;gt; &amp;lt;div class=&quot;form-group&quot;&amp;gt;
03.手把手教你 .Net EasyUI DataGrid(带搜索功能的数据表格)
我们将数据展示出来,自然少不了对某条数据的搜索,所以搜索功能是必不可少的! 效果图3-1: (1)提交参数到后台的方法 我们在datagrig的toolbar(工具栏)区定义了一个input用来输入要检索的数据,一个easyui-combobox用来设置排序,然后一个按钮用来提交参数到服务器, 那么DataGrid提交参数的方法有不少,常用的两种方法如下: 1
spring-mvc(二)前台easyui到后台传值
简介   这里是在做项目时对于easyui和springmvc结合的一个小结,主要涉及的还是前台ajax到后台传值处理的一些东西。   1.基本的表格分页显示及可编辑的表格   <tableid="template_questiontype"class="easyui-datagrid"title="细化题型" style="height:auto;" data-options="pa
web前端——ajax提交后台controller实现前端后台交互(3) 传多个参数 ,后台controller接收处理
jquery ajax