码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI中datagrid的查询实现

时间:2017-07-01 13:43:22      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:技术   加载   查询条件   使用   query   点击   button   params   查询   

在使用EasyUI的datagrid时,避免不了的需要使用其查询功能

技术分享

 

html代码

<div style="padding:0 0 0 7px;color:#333;">
        查询管理:<input type="text" class="textbox" name="search_game_name" style="width:110px;">
        创建时间从:<input type="text" name="date_from" editable="false" class="easyui-datebox"  style="width:110px;">
        到:<input type="text" name="date_to" editable="false" class="easyui-datebox"  style="width:110px;">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" onclick="game_tool.query();">查询</a></div>

点击查询时会触发query()方法

在加载datagrid的时候,需要有queryParams

技术分享

当点击查询时,query()方法会发送queryParams参数到指定的url请求数据,后台程序只需根据查询条件返回相应数据即可

技术分享

查询结果展示

技术分享

 

EasyUI中datagrid的查询实现

标签:技术   加载   查询条件   使用   query   点击   button   params   查询   

原文地址:http://www.cnblogs.com/feanmy/p/7101989.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!