加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flexigrid的编辑功能

发布时间:2020-12-15 04:16:46 所属栏目:百科 来源:网络整理
导读:editCells:function(){if(!isEditing){isEditing = true;$('tbody tr',$(t)).each(function () { for(var i=0;ithis.cells.length;i++){ var td = this.cells[i]; if(p.colModel[i].isEdit){ var div = $('div',$(td));div[0].innerHTML = 'input type="text
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;
			}

效果如下图


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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读