function submitsql(){ var text = $("#sqls").text(); if(text.indexOf("select")>-1){ $('#cxjghh').datagrid({ width :'auto', height :'auto', pageSize:5,//设置显示条数之间的间隔 pageList:[10,15,20,15], striped :true, nowrap:false, close:true, singleSelect :true, //url:'servlet/HandleSql.do?sql='+text+'act=sql', loadMsg:'数据装载中......', pagination:true, rownumbers:true, frozenColumns:[[ {field:'ck',checkbox:true} ]] }); $('#cxjghh').datagrid('getPager').pagination({ displayMsg:'当前显示从{from}到{to},共{total}记录', onBeforeRefresh:function(pageNumber, pageSize){ $(this).pagination('loading'); $.messager.alert('当前页码','pageNumber:'+pageNumber+',pageSize:'+pageSize); $(this).pagination('loaded'); } }); $.ajax({ type:"POST", dataType:"json", url:"servlet/HandleSql.do?act=sql", async:true, data:text, success:function(back){ $("#cxjghh").datagrid({columns:new Array(back.columns)}).datagrid("loadData",back); } }); $("#cxjg").window("open"); }else{ $("#w").window('close'); //alert_message("错误","请先设置sql语句"); } }
可以在后台生成json语句的时候将columns也构建在里面,这样就可以在前台动态构建了。
相关推荐
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
easyui实现从datagrid组件拖拽到tree组件,代码基于easyui官方 datagrid-dnd.js改变,只经过简单测试,有兴趣的可以下载研究一下。
纯原创开发,datagrid支持表头拖拽前后,支持浏览器左右跟随鼠标滚动,表头右键支持自定义配置,恢复默认等功能,请访问jquery-easyui-1.5\demo\datagrid\columnConfig.html,所有代码都在该文件中,可以自行抽离或2次扩展
做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,下面我们来自定义按钮列,具体实现代码,大家参考下本文吧
今天做项目的时候,想在easyui的datagrid每一列数据后边都加上一个操作按钮,怎么实现此功能呢?下面小编给大家带来了EasyUI的DataGrid每行数据添加操作按钮的实现代码,需要的朋友参考下吧
介绍EasyUI的DataGrid数据表格以及Pagination分页 按照说明可直接运行代码. .
easyui datagrid默认序号列是冻结在左侧的。我们通过改底层代码,实现支持使序号列不冻结,跟随表格左右拖动
easyui并没有合并行的具体方法,在开发过程中有时候会遇到一行带多行的需求,本代码为满足该需求写的easyUI扩展,代码带注释
EasyUI DataGrid 增删改查源码,刚了解这个控件,欢迎初学者一起讨论,学习。
easyui的datagrid使用实例 适合于初学者下载该代码
jquery easy ui datagrid完整项目源代码,非常值得学习
用于博客easyui下datagrid嵌套显示的相关easyui代码文件
纯原创开发,datagrid支持表头拖拽前后,支持浏览器左右跟随鼠标滚动,表头右键支持自定义配置,恢复默认等功能,请访问jquery-easyui-1.5\demo\datagrid\columnConfig.html,所有代码都在该文件中,可以自行抽离或2次扩展
项目工具代码,中间包含了service和controller两层,model可以自己定义
最近在学Jquery EasyUI,现在来说一说EasyUI的DataGrid,一般当我们在实现前端界面的时候,经常在DataGrid的上面或者后面加一些按钮,方便用户进行一些添加,删除,编辑等功能 用户在每次使用的时候,都需要去先...
本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法。分享给大家供大家参考。具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适。但是有的时候还是有这种需求。 这里重点用到了pagination的监听...
详细代码展现了如何在Easyui中使用DataGrid的单元格的编辑功能并扩展
主要介绍了EasyUI 数据表格datagrid列自适应内容宽度的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
在datagrid的onLoadSuccess事件增加代码处理。 <style type=text/css> .subtotal { font-weight: bold; }/*合计单元格样式*/ </style> [removed] function onLoadSuccess() { //添加“合计”列 $...
easy-UI 右键列头,控制列的显示和隐藏,是啊easyui拓展的功能之一,只需引入此js代码,即可产生效果,右键列名,控制列的显示和隐藏