jqgripd隐藏对选checkbox以及caption居中设置
来源:互联网 发布:java中间件启动spring 编辑:程序博客网 时间:2024/06/11 13:31
1.隐藏头多选checkbox
var myGrid = $("#list");
$("#cb_"+myGrid[0].id).hide();
列表中checkbox隐藏为multiselect: false
2.表头capiton 设置为
caption:"流水账"
或者$('#XXX').setCaption("XXX" );
设置caption居中为
$('#XXX').closest("div.ui-jqgrid-view")
.children("div.ui-jqgrid-titlebar")
.css("text-align", "center")
.children("span.ui-jqgrid-title")
.css("float", "none");
3.其余小技巧为
1. 初始化的时候不加载数据设置datatype: 'local'
1 $("#grid").jqGrid({2 url:"http://www.8qiu.cn",3 datatype:"local",4 //other options5 });
2. 当要加载数据的时候把datatype改成json或者XML:
1 $("#list").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
3.如果不要jqgrid表头上的点击排序可以把对应的colModel中加属性sortable : false.
jQuery("#list").jqGrid('navButtonAdd', '#pager', {caption : "导出",title : "Excel",position : "first",id :'storeExp',buttonicon :'ui-icon-calculator',onClickButton : function (){}});
5.如果要想显示jqgrid中的caption可以在css样式中加入如下(你可以发现.ui-jqgrid .ui-jqgrid-titlebar 的div块display是none,所以没显示)
1 .ui-jqgrid .ui-jqgrid-titlebar2 {3 display:block;4 }
6.如果要使用jqgrid中caption中文字居中显示
1 gridComplete: function(){2 $('#list').closest("div.ui-jqgrid-view")3 .children("div.ui-jqgrid-titlebar")4 .css("text-align", "center")5 .children("span.ui-jqgrid-title")6 .css("float", "none");7 }
7.当浏览器的大小改变时,jqgrid的宽度作为相应的改变
1 gridComplete: function(){2 $(window).resize(function(){ 3 var winwidth=$(window).width()*0.5; //这里的0.5可以自己定4 $("#list").setGridWidth(winwidth);5 });6 7 }
8.在jqgrid后给每一行加超链接如下图所示
代码描述如下:
1 jqGridAdapter("#an"); 2 jQuery("#an").jqGrid({ 3 url : '../ListServlet?className=announcement', 4 datatype : "json", 5 colNames : ['ID', '公告标题', '更新时间', '覆盖区域','操作'], 6 colModel : [{ 7 name : 'ID', 8 index : 'ID', 9 hidden : true,10 width : '55px'11 }, {12 name : 'ANNOUNCEMENT_TITLE',13 index : 'ANNOUNCEMENT_TITLE',14 width : '100px',15 align : 'left',16 sortable:false17 }, {18 name : 'UPDATE_DATE',19 index : 'UPDATE_DATE',20 width : '100px',21 align: 'left',22 formatter:'date',23 formatoptions:{srcformat:'Y-m-d H:i',newformat:'Y-m-d'},24 sortable:false25 }, {26 name : 'ANNOUNCEMENT_REGION',27 index : 'ANNOUNCEMENT_REGION',28 width : '100px',29 align: 'center',30 sortable:false31 }, {32 name : 'LOOK',33 index : 'LOOK',34 width : '50px',35 align: 'center',36 sortable:false37 }38 ],39 rowNum :15,40 rowList : [15, 25, 30,50,100],41 pager : '#an_pager',42 viewrecords : true,43 sortname : 'update_date',44 autowidth:true,45 sortorder : "desc",46 caption : "ca",47 multiselect : false,48 rownumbers : true,49 jsonReader : {50 id : 'ID',51 repeatitems : false52 },53 gridComplete:function()54 {55 var ids=jQuery("#an").jqGrid('getDataIDs');56 for(var i=0; i<ids.length; i++){57 var id=ids[i]; 58 focusNum = "<a href='#' style='color:#f60' alt='点击查看详细' onclick='showannouncement(" + id + ")'>查看</a>";59 jQuery("#an").jqGrid('setRowData', ids[i], { LOOK: focusNum});61 }62 },63 height : 'auto'64 });
9.jqgrid关于日期格式化在colModel中添加
1 formatter:'date',2 formatoptions:{srcformat:'Y-m-d H:i',newformat:'Y-m-d'}
- jqgripd隐藏对选checkbox以及caption居中设置
- MFC CTreeCtrl 在OnInitDialog里无法勾选Checkbox以及设置隐藏根节点的Checkbox
- MFC CTreeCtrl 在OnInitDialog里无法勾选Checkbox以及设置隐藏根节点的Checkbox
- RadioGroup和CheckBox设置背景以及4.4系统上隐藏默认样式的坑
- DataTable遍历后取符串对gridview中的CheckBox设置勾选
- js 获取checkBox值,以及对checkBox进行赋值
- 关于checkbox选值在前台设置隐藏域的方法
- ext.panel设置背景图片以及页面居中
- JTextPane设置居中对其的方法
- 判断 checkbox 是否选中以及 设置checkbox选中
- jquery设置以及获取select和checkbox
- caption
- CSS——样式设置技巧(居中和隐藏)
- 关于CheckBox居中配置
- javascript+php 实现全选/全不选 以及对checkbox的处理
- jquery系列之prop、attr以及对checkbox的操作
- Qt窗口屏幕居中显示以及设置大小
- Markdown中对图片进行居中,设置大小等操作
- Linux 网络编程之ioctl函数
- web应用导致系统负载过高问题排查
- altium designer 3D模型下载网址
- Android开发Eclipse工程空间设置
- caffe神经网络框架的辅助工具(将图片转换为leveldb格式)
- jqgripd隐藏对选checkbox以及caption居中设置
- 张小龙:微信产品观(下)
- Win7系统怎么关闭Java自动更新功能
- Android好奇宝宝_04_一个有3个功能的Adapter
- 八、PYTHON数据库MYSQL的操作
- shell脚本中使用ftp进行文件的上传
- 逆向一些blog收藏
- 如何利用DBMS_LOGMNR包挖掘在线日志
- 密码安全与加密-提升千百倍的密码安全