自定义jqGrid编辑页面并上传文件或者图片

最近在使用jqGrid展示数据，上传图片功能花费了很长时间来实现，记录下来以便下次查阅。

jqGrid的colModel中有很多属性，如果需要上传图片，那么需要添加如下属性：

					name : "url",
					index : "url",
					formatter : showPicture,
					editable : true,
				    edittype : 'file',
				    editoptions:{enctype:"multipart/form-data"},
					width : 40,

需要自定义函数showPicture：

function showPicture(cellvalue, options, rowObject){
		
		return "<img src='" +cellvalue  + "' height='50' width='50' />";
		}

上传文件的ajaxUploadFile:

$.ajaxFileUpload
	    (
	        {
	            url: 'http://localhost:8080/upload',
	            secureuri: false,
	            fileElementId: 'url',
	            dataType: 'json',
	            data: { id: id},
	            success: function (data) {
	        
	              
	            }
	            
	        }

再提交编辑框的时候调用这个函数，就可以将文件提交给这里的url，在后台进行保存，处理即可。

刚开始用jqGrid时候确实不太适应，功能太强大，以至于好多方法使用起来不是太了解，现在一个一个的攻克难点后，发现其实这个框架的扩展性确实很强，刚开始不熟练只能用它固定的样式，希望以后可以更加熟练的运用它。