码迷,mamicode.com
首页 > 其他好文 > 详细

jqgrid学习(三)

时间:2017-08-25 17:46:21      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:grid   nal   update   sel   custom   ret   样式   pager   highlight   

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学习(三)

标签:grid   nal   update   sel   custom   ret   样式   pager   highlight   

原文地址:http://www.cnblogs.com/grj0011/p/7428942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!