EasyUi 中datagrid 实现查询方法

原创 2015年07月07日 09:35:12

1、在初始化表格方法中增加传入参数,如下:

 //初始化表格
        function initTable(<strong><span style="color:#ff6666;">params</span></strong>) {
            $('#test').datagrid({
                title: '客户列表',
                iconCls: 'icon-Custom',
                loadMsg: '数据加载中...',
                nowrap: true,
                autoRowHeight: true,
                striped: true,
                url: '/CustomManager/GetAllCustomInfo',
                sortName: 'CID',
                sortOrder: 'asc',
                border: true,
                remoteSort: false,
                idField: 'CID',
                pageSize: 10,
                pagination: true,
                rownumbers: true,
                <span style="color:#ff6666;"><strong>queryParams: params, //搜索json</strong></span>

2、定义按钮点击事件:

//点击查找按钮出发事件
        function searchFunc() {
            initTable(initQuery());
        }

3、获取查询对象,转换为json对象

 //表单查询值组成json对象
        function initQuery() {
            var queryParams = {
                ShopName: $('#ShopName').val(),
                PerName: $('#PerName').val() //需要查询的对象
            };
            return queryParams;
        }

4、后台datagrid的绑定事件中接收参数,进行查询

public ActionResult GetAllCustomInfo(T_Custom model)
        {
            int pageIndex = Request["page"] == null ? 1 : int.Parse(Request["page"]);
            int pageSize = Request["rows"] == null ? 10 : int.Parse(Request["rows"]);
            int total = 0;
            var temp = from u in db.T_Custom
                       select u;

//判断参数
            if (!string.IsNullOrEmpty(model.ShopName))
                temp = temp.Where(b => b.ShopName.Contains(model.ShopName));
            if (!string.IsNullOrEmpty(model.PerName))
                temp = temp.Where(b => b.PerName.Contains(model.PerName));

版权声明:本文为博主原创文章,未经博主允许不得转载。

Easyui 用datagrid 查询数据

任何系统恐怕都离不开查询,在这里简单的说一说easyui查询页面,对于高手和老鸟们可以绕开走哦哦。刚开始接触和学习的朋友,也许能有点小帮助哦。 首先整一个a.htm 没有页面哪里去写代码,当然你...

jQuery easyui datagrid动态查询数据

该插件组小巧使用方便,以下是一个从前台提交查询条件,从MSSQL返回json数据的一个事例 HTML前端代码 function FindData(){ $('#myt...

easyUI datagrid 查询方法

1,公共函数,表单数据转JSON //将表单数据转为jsonfunction form2Json(id) { var arr = $("#" + id).serializeArray(...

easyui Datagrid+searchbox 实现搜索功能

这是
  • wconvey
  • wconvey
  • 2014年10月11日 10:24
  • 36687

MVC +EasyUI 实现简单查询功能

用EasyUI+MVC实现一个简单的查询功能,根据下拉菜单的选项来实现对数据库查询的操作。实现界面如下图所示: 一、先画出查询界面的查询按钮 模板名称: ...

easyui datagrid列使用按钮的一些心得

以前,用easyui的datagrid,有时候会用到一些操作选项,比如代码如下: $('#datagrid').datagrid({ border:false, fitColumns:true, ...
  • sskicgah
  • sskicgah
  • 2013年11月25日 10:31
  • 28208

easyui datagrid数据模糊查询

{id:'UserCode',field:'orderUserCode',title:'订货用户代码',type:'combogrid',required:true,editable:true,idF...

EasyUI使用心得——datagrid的条件查询,过滤

在页面初始化时加入过滤代码和过滤条件:dg.datagrid('enableFilter', [{ field:'docTypeName', ...

easyui的datagrid的带条件查询

easyui的datagrid的带条件查询

jsp页面使用el 按key获取map中的对应值

action中的代码 private Map msgs = new HashMap msgs.put("loginError", "验证码错误"); jsp页面中的代码:   ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EasyUi 中datagrid 实现查询方法
举报原因:
原因补充:

(最多只允许输入30个字)