微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Flexigrid的编辑功能

editCells:function(){
				if(!isEditing){
					isEditing = true;
					$('tbody tr',$(t)).each(function () {
	    			for(var i=0;i<this.cells.length;i++){
	    				  var td = this.cells[i];
	    				  if(p.colModel[i].isEdit){
	    				  	  var div = $('div',$(td));
										div[0].innerHTML = '<input type="text" style="width:' + (p.colModel[i].width-2) + 'px" value="'+div[0].innerHTML+'"/>';
								}
	    			}
	    		});
    	  }
			},commitCells:function(){
				if(!isEditing) return;
				$('tbody tr',$(t)).each(function() {
    			for(var i=0;i<this.cells.length;i++){
    				  var td = this.cells[i];
    				  if(p.colModel[i].isEdit){
    				  	  var div = $('div',$(td));
    				  	  var inputBox = $('input',$(div[0]));
    				  	  if(inputBox.length>0){
										div[0].innerHTML = inputBox[0].value;
								  }
							}
    			}
    		});
    		isEditing = false;
			}

效果如下图


该章节不贴全部代码了,详细代码可以参见前面博文的介绍

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐