meidu2021/daju/WebRoot/webpage/cn/com/lzt/useractiviti/search.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div  class="datagrid-toolbar" id="_searchButton">
        <span style="float:right;margin-bottom:4px;">
            <span>
                <a href="#" class="easyui-linkbutton" plain="true" icon="icon-search"  onclick="_search_page_search()">查询</a>
            </span>
            <span>
                <a href="#" class="easyui-linkbutton" plain="true" icon="icon-reload " onclick="_search_page_reset()">重置</a>
            </span>
        </span>
</div>

<%--需要设置_gridId--%>
<%--条件div 必须  name="searchColums"--%>
<script src="plug-in/Validform/js/Validform_v5.3.1_min_zh-cn.js"></script>
<script src="plug-in/Validform/js/Validform_Datatype_zh-cn.js"></script>
<script src="plug-in/Validform/js/datatype_zh-cn.js"></script>
<script>
    $(function() {
        var datagrid = $("#"+_gridId+'tb');
        var searchColumns = $("div[name='searchColums']");
        datagrid.prepend(searchColumns);
        // datagrid.children(".datagrid-toolbar").children("span:first").after($("div[name='searchButton']").html());
        var toolBar =datagrid.children(".datagrid-toolbar").children("span:first");
        var searchButton = $("#_searchButton");
        if(toolBar.length>0){
            toolBar.after(searchButton.html());
            searchButton.remove();
        }else {
            searchButton.find('span').css('float','none');
            searchColumns.after(searchButton);
        }

        datagrid.find(':input').bind('keyup', function(event) {
            if (event.keyCode == "13") {
                //回车执行查询
                _search_page_search();
            }
        });

        $('div[name="searchColums"] table tr:gt(0) td').each(function () {
            $(this).css('padding-top','5px');
        })
    });
    function _search_page_search(){
        // var datagrid = $("#"+_gridId);
        var searchForm = $('#_searchPageForm');
        var searchColumns = $("div[name='searchColums']");
        if(searchForm.length==0){
            var form=$('<form onsubmit="return false"></form>');
            form.attr('id','_searchPageForm');
            searchColumns.before(form);
            form.append(searchColumns);
            searchForm = form;
        }
        var formCheck=searchForm.Validform({
            tiptype : function(msg,o){
                if(o.type==3){
                    tip(msg);
                    o.obj.focus();
                }
            }
        }).resetStatus().check(false);
        if(!formCheck){
            return;
        }
        if(typeof (pageSearch)=='function' &&!pageSearch()){
            return;
        }
        var options = $('#'+_gridId).datagrid('options');
        var queryParams =_getParamObj();
        if(!options.url){//autoLoadData=false 时URL为空
            var _url = _actionUrl+'&field=';
            var columns = options.columns;
            for(var i=0;i<columns.length;i++){
                var columnArray = columns[i];
                for(var j=0;j<columnArray.length;j++){
                    _url+=columnArray[j].field+',';
                }
            }
            $("#"+_gridId).datagrid({
                url:_url,
                queryParams:queryParams
            });
        }else {
            $("#"+_gridId).datagrid('reload',queryParams);
        }

    }
    function _search_page_reset() {
        var searchColumns = $("div[name='searchColums']");
        searchColumns.find(':input,select').each(function() {
            var t = $(this);
            if(t.attr('reset')=='false'){
                return;
            }
            if(t.attr('type')=='radio'){
                t.removeAttr('checked');
            }else {
                $(this).val('');
            }
        });
        var queryParams =_getParamObj();
        $("#"+_gridId).datagrid('reload',queryParams);
    }
    function _getParamObj() {
        var queryParams = {};
        $("#"+_gridId+'tb').find(':input ,select').each(function() {
            var name = $(this).attr('name');
            if(name){
                var type=$(this).attr('type');
                if(type=='radio'){
                    if(!$(this).attr('checked')) return;
                }
                queryParams[name] = $(this).val();
            }
        });
        return queryParams;
    }
    function _getParamString(){
        var queryParams = _getParamObj();
        var s ='';
        for(var i in queryParams){
            s+='&'+i+"="+encodeURI(queryParams[i]);
        }
        return s;
    }
</script>