easyUI传递参数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyUI传递参数相关的知识,希望对你有一定的参考价值。

#======================JSP=====================================
                <div class="labelw lbl">时间</div>
                        <div class="datetimew val">
                            <input class="easyui-datetimebox" type="text" id="startTime"
                                name="startTime" editable="ture"
                                data-options="onSelect:onSelect" />
                        </div>
                        <div style="width: 15px;float:left;margin:0 0 0 10px;">至</div>
                        <div class="datetimew val">
                            <input class="easyui-datetimebox" type="text" id="endTime"
                                name="endTime" editable="ture" data-options="onSelect:onSelect" />
                        </div>

                        
#========================JS===================================

/**
 * 初始化switchLogDatagrid表格
 */
function init_switchLogDatagrid() {
    var startTime = $("#startTime").val();     //获得时间值
    var endTime = $("#endTime").val();

    $(‘#switchLogDatagrid‘).datagrid({
        title : ‘交换机日志列表‘,
        url : basePath + ‘switchLog/querySwitchLogList.do‘,
        pagination : true,
        queryParams : {                     //传递参数startTime、endTime, easyUI传参方法queryParams:{  }:
            startTime : startTime,     
            endTime : endTime
        },
        singleSelect : false,
        height : $(window).height() - 45,
        pageSize : 20,
        columns : [ [ {
            field : ‘id‘,
            checkbox : false
        }, {
            field : ‘switchName‘,
            align : ‘center‘,
            title : ‘交换机名称‘,
            width : 180
        }, {
            field : ‘switchIp‘,
            title : ‘交换机Ip‘,
            align : ‘center‘,
            width : 180
        }, {
            field : ‘createTime‘,
            align : ‘center‘,
            title : ‘时间‘,
            width : 180
        }, {
            field : ‘gradeLevel‘,
            align : ‘center‘,
            title : ‘等级‘,
            width : 180
        }, {
            field : ‘logContent‘,
            align : ‘center‘,
            title : ‘日志内容‘,
            width : 400
        }

        ] ],
        toolbar : "#toolbar"

    });
}

#===================控制层===================================================

    @RequestMapping(value = "/querySwitchLogList.do", method = RequestMethod.POST)
    @ResponseBody
    public Map<String, Object> querySwitchLogList(PageBean page,
            String startTime, String endTime) throws Exception {   //即直接接收参数即可
        return switchLogService.queryLogList(getParam(), page.getPage(),
                page.getRows(), startTime, endTime);
    }

以上是关于easyUI传递参数的主要内容,如果未能解决你的问题,请参考以下文章

easyUI传递参数

easyUi 框架中的JS文件传递参数的区别

jquery easyui datagrid.load方法参数传递问题 .

EasyUI 数据网格行过滤中 通过远程服务器去过滤 参数是如何传递过去的,服务器是如何接收的?

用easyui实现查询条件的后端传递并自动刷新表格的两种方法

easyUi 表格 datagrid 中字段超链接设置参数