<!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传递到视图并在其中显示。 这将为您提供真正干净的视图,只需一行即可显示表格+过滤器+排序+分页。...
easyUI 根据一些条件改变DataGrid 行背景颜色 easyUI 创建一个 Property Grid easyUI 展开DataGrid里面的行显示详细信息 easyUI 在主datagrid上创建子datagrid Window easyUI 我的第一个window easyUI ...
搜索框如下: 通过datagrid的load方法直接传递参数并自动刷新表格 通过ajax的post函数传递参数并通过loadData方法将... $(#dg).datagrid('load',{//调用load方法传递参数,从服务器加载新数据 offer.id:$(#offerid
考核的事情已经变成了上一年了,当时要做一个图书管理系统,但是当时因为在按照时间进行搜索的时候,无法将前台的数据传递到后台,所以失去了一部分,现在重看,...div id=datagrid1 class=mini-datagrid style=width
本文实例讲述了asp.net使用DataGridTree实现下拉树的方法。分享给大家供大家参考。具体实现方法如下: 下拉树实现原理:输出json到客户端,客户端实现动态加载,中间不会和服务端交互。数据量支持上经测试几千还是...
EasyUI的一些扩展使用:12_动态行编辑扩充代码,15_HQL模糊查询,16_combobox自动检索需要的条件,20_tree目录树异步加载与一次性加载,21_扩展easyuidatagrid的两个方法.动态添加和删除toolbar的项,22_扩展方法使...
115.如何在DataGrid中让不同条件的行显示不同的背景颜色 116.如何在DataGrid中实现分页功能 117.如何实现鼠标移到DataGrid控件的某一行时改变该行的背景 118.如何在DataGrid控件中实现自定义分页功能 119.如何在...
如何在DataGrid中让不同条件的行显示不同的背景颜色 116.如何在DataGrid中实现分页功能 117.如何实现鼠标移到DataGrid控件的某一行时改变该行的背景 118.如何在DataGrid控件中实现自定义分页功能 ...
数据表格添加查询功能 数据表格添加工具条 数据表格设置冻结列 动态改变数据表格列 格式化数据表格列 数据表格设置排序 数据表格自定义排序 数据表格添加复选框 数据表格自定分页工具栏 数据表格...
13. 把选择的结果填充到datagrid中 9 14. 设置导出图片的格式 9 15. Feature相关程序 10 1. 创建一个feature并加载到地图中 10 2. 插入一个feature 11 3. 向地图中插入一个特殊的feature 11 4. 选择geometry的样式 ...
本文实例为大家分享了EasyUI DataGird的使用...// 页面加载后显示表数据 $(function() { var queryData = {};// 可添加一些预设条件 InitGrid(queryData);// 初始化Datagrid表格数据 }); // 实现对DataGird控件的绑
3.8 节使用约束条件为文本创建排版流程(Layout Flows) 3.9 节在容器内控制滚动和溢出 3.10 节控制Box 组件的布局 3.11 节使用容器初始化 3.12 节创建TitleWindow 3.13 节通过LinkBar 控制ViewStack 3.14 节将...
<br>4、 提供了强大的QueryFilter类构造查询条件,使得实现数据查询不再需要编写复杂的SQL语句; <br>5、 提供类似IBatisNet的Sql模板功能,为复杂的查询统计提供较直观的开发模式; <br>6、 提供代码生成...
<br>4、 提供了强大的QueryFilter类构造查询条件,使得实现数据查询不再需要编写复杂的SQL语句; <br>5、 提供类似IBatisNet的Sql模板功能,为复杂的查询统计提供较直观的开发模式; <br>6、 提供代码生成...
<br>4、 提供了强大的QueryFilter类构造查询条件,使得实现数据查询不再需要编写复杂的SQL语句; <br>5、 提供类似IBatisNet的Sql模板功能,为复杂的查询统计提供较直观的开发模式; <br>6、 提供代码生成...