DataGrid( 数据表格) 组件[4]
本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于
Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。
一.查询功能
//工具栏设置
<div id="tb" style="padding:5px;height:auto">
<div style="margin-bottom:5px">
<a href="#" class="easyui-linkbutton" iconCls="icon-add"
plain="true">添加</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit"
plain="true">修改</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove"
plain="true">删除</a>
</div>
<div style="padding:0 0 0 7px;">
查 询 帐 号 : <input class="textbox" name="user"
style="width:110px">
创 建 时 间 从 : <input class="easyui-datebox" name="date_from"
style="width:110px">
到 : <input class="easyui-datebox" name="date_to"
style="width:110px">
<a href="#" class="easyui-linkbutton" iconCls="icon-search"
onclick="obj.search();">查询</a>
</div>
</div>
.textbox{
height:20px;
margin:0;
padding:0 2px;
box-sizing:content-box;
}
//传递表单的值
obj = {
search : function () {
$('#box').datagrid('load', {
user : $.trim($('input[name="user"]').val()),
date_from : $('input[name="date_from"]').val(),
date_to : $('input[name="date_to"]').val(),
});
},
};
//服务器端的 SQL 拼装
$sql = '';
$user = '';
$date_from = '';
$date_to = '';
if (isset($_POST['user']) && !empty($_POST['user'])) {
$user = "user LIKE '%{$_POST['user']}%' AND ";
$sql .= $user;
}
if (isset($_POST['date_from']) && !empty($_POST['date_from'])) {
$date_from = "date>='{$_POST['date_from']}' AND ";
$sql .= $date_from;
}
if (isset($_POST['date_to']) && !empty($_POST['date_to'])) {
$date_to = "date<='{$_POST['date_to']}' AND ";
$sql .= $date_to;
}
if (!empty($sql)) {
$sql = 'WHERE '.substr($sql, 0, -4);
}
$query = mysql_query("SELECT user,email,date FROM think_user $sql ORDER
BY $sort $order LIMIT $first,$pageSize") or die('SQL 错误!');
$total = mysql_num_rows(mysql_query("SELECT user,email,date FROM
think_user $sql"));
最新文章
- Windows NT访问权限
- VS2012环境设置
- SPOJ 1435 Vertex Cover 树形DP
- WPF博客地址分享
- JQuery控制input的readonly和disabled属性
- Ubuntu启动、停止、重新启动MySQL,查看MySQL错误日志、中文编码错误
- 【JUnit4.10来源分析】0导航
- display:inline-block和float:left的选择
- React 之 JSX
- css实现超出两行隐藏
- Spring 中 SQL 的存储过程
- 20165309 《网络对抗技术》实验五:MSF基础应用
- 2017-9-12-Linux移植&;驱动开发
- 【慕课网实战】Spark Streaming实时流处理项目实战笔记十四之铭文升级版
- 072 HBase的架构以及各个模块的功能
- PHP转盘抽奖算法
- JS 检测浏览器中是否安装了特定的插件
- 【Python】分享使用的插件文件链接(实时更新)
- (效果二)js实现两个变量值的交换
- Python 进阶 之 enumerate()函数
热门文章
- PHP Directory 函数
- js中apply和call的用法 以及apply的妙用 (来自网络)
- centOS上安装redis
- EF 多线程插入 Insert into DbContext Multithreading
- 转:Linux内存管理之mmap详解
- unity中的[xxxxxx]特性(Attributes)
- 各种计算机语言的经典书籍(C/C++/Java/C#/VC/VB等)
- centos 添加用户
- java——Arrays.asList()方法
- eclipse与myeclipse工程互转