jqgrid学习

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jqgrid学习相关的知识,希望对你有一定的参考价值。

1.修改jqgrid自带的行编辑按钮样式

//jqgrid默认的行编辑样式
{
                              name : ‘‘,
                              index : ‘‘,
                              width : 70,
                              fixed : true,
                              sortable : false,
                              resize : false,
                              formatter : ‘actions‘,
                              
                            },

//修改每行的编辑按钮图标为目标样式

//当表格中数据加载完毕后,执行此方法
loadComplete : function() {
                          var table = this;
 	                      //$("div[data-original-title=‘编辑‘] span").attr("class","ui-icon fa-puzzle-piece cyan");	
                          setTimeout(
                              function() {
                                styleCheckbox(table);
                                updateActionIcons(table);
                                updatePagerIcons(table);
                                enableTooltips(table);
                                
                                //修改‘actions‘中默认的编辑按钮的样式为装配,以及对当鼠标移到该按钮时的提示的修改
                                $(grid_selector).find(‘tbody‘).each(function () {
                                	$(this).find(‘tr‘).each(function () {
                                		var id =$(this).attr("id");
                                		$("#jEditButton_"+id).attr("data-original-title","装配")
                                		$("#jEditButton_"+id).find("span").attr("class","");
                                		$("#jEditButton_"+id).find("span").attr("class","ui-icon fa-puzzle-piece cyan");
                                	});
                                	
                                });
                              
                              }, 0);
              }

2.设置自定义表单验证规则

editrules : {
                                required : true,
                                custom:true, 
                                custom_func: function(value, colname){
                                	if(value == ‘0‘){ // 表明表单验证未通过,会自动弹出提示框
                                		return [false,"必须选择存在的设备编码!"];
                                	}else{ // 表明表单验证通过,此时不会弹出提示
                                		return [true,""];
                                	}
                                }
                              },

  

以上是关于jqgrid学习的主要内容,如果未能解决你的问题,请参考以下文章

jqGrid 学习

JqGrid学习笔记

Jqgrid学习

jqGrid多行表头

jqgrid学习

jqGrid学习笔记