Easyui 搜索框的折叠与展开方法

简介: HTML 文件: XXXXX: 查询 清空  JS文件://页面搜索框默认展开$('body').

HTML 文件:

<div id="searchForm" region="north" title="XXXX查询" collapsed="true"
        style="height:185px;overflow-y: hidden">
        <form id="mysearch" method="post" class="searchForm">
            <ul class="searchUl">
                <li class="searchLi"><span class="searchTitle">XXXXX:</span><span><input
                        id="XXX" name="XXXX" class="easyui-textbox" value="" /></span></li>
            </ul>
            <ul class="searchUl" style="margin-top:-8px">
                <li><a id="searchbtn" class="easyui-linkbutton">查询</a> <a
                    id="clearbtn" class="easyui-linkbutton">清空</a></li>
            </ul>
        </form>
    </div>

 

JS文件:

//页面搜索框默认展开
$('body').layout('expand', 'north');

 

//页面搜索框默认折叠

$("#searchForm").layout('collapse','north');

 

相关文章
easyui 只刷新当前页面的数据 datagrid reload 方法
$('#refreshbtn').click(function() { $("#t_auclot").datagrid("reload",serializeForm($('#mysearch'))); });   刷新     easyui  datagrid  re...
3918 0
|
6月前
|
JavaScript
EasyUI的datagrid每行数据添加操作按钮的方法
EasyUI的datagrid每行数据添加操作按钮的方法
148 0
|
7月前
15EasyUI 布局- 创建折叠面板
15EasyUI 布局- 创建折叠面板
31 0
|
数据安全/隐私保护
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
本篇主要介绍跟后台数据绑定相关度不大的简单控件,直接写了一个详细的例子,需要说明的东西都在注释里面。
568 0
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
|
JavaScript
获取easyui的tab下iframe方法
获取easyui的tab下iframe
1528 0
EasyUI常用控件禁用方法
来自:http://blog.csdn.net/jin_guang/article/details/36905387 特此感谢   1.validatebox可以用的用法:     前两种适用于单个的validatebox;    第三种应用于整个form里面的输入框;   .
1217 0
|
JavaScript
easyui radio 类型的取值和赋值方法
1.HTML 文件 委托人证件类型: 身份证 护照 2.JS的取值和赋值方法 //取值方法 function checkRadio(){ alert($("input[name='certType'][checked]").
2360 0
easyui 设置一加载,搜索框立即弹出的效果
1.部分html文件 标的内部代码: 标的名称:   2.效果
730 0