`

根据查询条件重新加载datagrid

 
阅读更多
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/jquery-easyui-1.3.6/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/jquery-easyui-1.3.6/themes/icon.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.3.6/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.3.6/jquery.easyui.min.js"></script>
<script type="text/javascript">
    $(function(){    	
        $('#dg').datagrid({
            height:600,
            width:1093,
            pageSize: 20,
            nowrap: true,
            striped: true,

            url:'${pageContext.request.contextPath}/pcTroq/troq_ajax_select',
            columns: [[
                {field:'id',width:100,checkbox:true},
                {field:'danhao',title:'单号',width:128,
                    formatter:function(value, rec) {
                        if(null!=rec.danhao&&"undefined"!=rec.danhao){
                            return "<a href='${pageContext.request.contextPath}/pcTroq/ddxq?danhao="+rec.danhao+"'>"+rec.danhao+"</a>";
                        }
                    },align:'center'
                },
                {field:'changjiadanhao',title:'厂家单号',  align:'center'},
                {field:'wanchengshijian',title:'完成时间',width:155,align:'center'},
                {field:'wanchengdu',title:'完成度', align:'center'},
                {field:'zhuangtai',title:'工单状态', align:'center'},
                { field:'wxUserName',title:'用户名', align:'center' },
                {field:'lianxidianhua',title:'联系电话', align:'center' },
                {field:'fuwudidian',title:'联系地址' ,align:'center'},
            ]],
            pagination: true,
            rownumbers: true
        });
        var p = $('#dg').datagrid('getPager');
        $(p).pagination({
            pageSize: 20,//每页显示的记录条数,默认为10
            pageList: [20,50,100,200,500],//可以设置每页记录条数的列表
            beforePageText: '第',//页数文本框前显示的汉字
            afterPageText: '页    共 {pages} 页',
            displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
        });
    });


	function getOrderBySelect(){
        $('#dg').datagrid('load',{
            danhao:$("#dh").val()
        });
    }

</script>
 </head>
 <body>
  <table id="dg"></table>
  <input type="button" id="query" value="query" onclick="getOrderBySelect()"/>
  <input type="text" id="dh" />
 </body>
</html>

 

分享到:
评论

相关推荐

    datagrid:适用于Laravel v5的Datagrid

    该软件包的主要目的是为您构建一个表格,该表格每列具有排序和过滤条件。 您正在控制器中定义网格结构,将datagrid传递到视图并在其中显示。 这将为您提供真正干净的视图,只需一行即可显示表格+过滤器+排序+分页。...

    EasyUI tutorial 中文版 chm

    easyUI 根据一些条件改变DataGrid 行背景颜色 easyUI 创建一个 Property Grid easyUI 展开DataGrid里面的行显示详细信息 easyUI 在主datagrid上创建子datagrid Window easyUI 我的第一个window easyUI ...

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

    搜索框如下: 通过datagrid的load方法直接传递参数并自动刷新表格 通过ajax的post函数传递参数并通过loadData方法将... $(#dg).datagrid('load',{//调用load方法传递参数,从服务器加载新数据 offer.id:$(#offerid

    JQueryMiniUI按照时间进行查询的实现方法

    考核的事情已经变成了上一年了,当时要做一个图书管理系统,但是当时因为在按照时间进行搜索的时候,无法将前台的数据传递到后台,所以失去了一部分,现在重看,...div id=datagrid1 class=mini-datagrid style=width

    asp.net使用DataGridTree实现下拉树的方法

    本文实例讲述了asp.net使用DataGridTree实现下拉树的方法。分享给大家供大家参考。具体实现方法如下: 下拉树实现原理:输出json到客户端,客户端实现动态加载,中间不会和服务端交互。数据量支持上经测试几千还是...

    EasyUI的一些扩展使用

    EasyUI的一些扩展使用:12_动态行编辑扩充代码,15_HQL模糊查询,16_combobox自动检索需要的条件,20_tree目录树异步加载与一次性加载,21_扩展easyuidatagrid的两个方法.动态添加和删除toolbar的项,22_扩展方法使...

    asp.net专家疑难解答200问源码

    115.如何在DataGrid中让不同条件的行显示不同的背景颜色 116.如何在DataGrid中实现分页功能 117.如何实现鼠标移到DataGrid控件的某一行时改变该行的背景 118.如何在DataGrid控件中实现自定义分页功能 119.如何在...

    asp.net专家疑难解答200问

    如何在DataGrid中让不同条件的行显示不同的背景颜色 116.如何在DataGrid中实现分页功能 117.如何实现鼠标移到DataGrid控件的某一行时改变该行的背景 118.如何在DataGrid控件中实现自定义分页功能 ...

    jQuery EasyUI 1.3 API 中文教程

    数据表格添加查询功能 数据表格添加工具条 数据表格设置冻结列 动态改变数据表格列 格式化数据表格列 数据表格设置排序 数据表格自定义排序 数据表格添加复选框 数据表格自定分页工具栏 数据表格...

    mapxtreme练习笔记

    13. 把选择的结果填充到datagrid中 9 14. 设置导出图片的格式 9 15. Feature相关程序 10 1. 创建一个feature并加载到地图中 10 2. 插入一个feature 11 3. 向地图中插入一个特殊的feature 11 4. 选择geometry的样式 ...

    EasyUI学习之DataGird分页显示数据

    本文实例为大家分享了EasyUI DataGird的使用...// 页面加载后显示表数据 $(function() { var queryData = {};// 可添加一些预设条件 InitGrid(queryData);// 初始化Datagrid表格数据 }); // 实现对DataGird控件的绑

    flex3的cookbook书籍完整版dpf(包含目录)

    3.8 节使用约束条件为文本创建排版流程(Layout Flows) 3.9 节在容器内控制滚动和溢出 3.10 节控制Box 组件的布局 3.11 节使用容器初始化 3.12 节创建TitleWindow 3.13 节通过LinkBar 控制ViewStack 3.14 节将...

    AppFramework数据库访问组件_代码生成插件_V1.1.rar

    &lt;br&gt;4、 提供了强大的QueryFilter类构造查询条件,使得实现数据查询不再需要编写复杂的SQL语句; &lt;br&gt;5、 提供类似IBatisNet的Sql模板功能,为复杂的查询统计提供较直观的开发模式; &lt;br&gt;6、 提供代码生成...

    AppFramework_V1.0

    &lt;br&gt;4、 提供了强大的QueryFilter类构造查询条件,使得实现数据查询不再需要编写复杂的SQL语句; &lt;br&gt;5、 提供类似IBatisNet的Sql模板功能,为复杂的查询统计提供较直观的开发模式; &lt;br&gt;6、 提供代码生成...

    AppFramework_V1.0_New

    &lt;br&gt;4、 提供了强大的QueryFilter类构造查询条件,使得实现数据查询不再需要编写复杂的SQL语句; &lt;br&gt;5、 提供类似IBatisNet的Sql模板功能,为复杂的查询统计提供较直观的开发模式; &lt;br&gt;6、 提供代码生成...

Global site tag (gtag.js) - Google Analytics