1、根据formatter属性可以在单元格上添加编辑控件,例如:button,file等(这些同上节添加image)
{name:"paramValue",index:"paramValue",width:80,align:"center",
edittype:"text",
formatter:typeformatter}
//button
function typeformatter(cellvalue,options, rowObject){
var buttomHtml="<inputtype="button" value="Save"οnclick=""/>";
return buttomHtml
//checkbox
function typeformatter(cellvalue, options, rowObject){
varcheckboxHtml="<inputtype="checkbox" value="Yes"offval="No"/>";
return checkboxHtml
function typeformatter(cellvalue, options, rowObject){
varfileHtml="<input type="file" alt="Alttext"/>";
return fileHtml
function typeformatter(cellvalue, options, rowObject){
varpasswordHtml="<input type="password"size="10"maxlength="8"/>";
return passwordHtml
function typeformatter(cellvalue, options, rowObject){
varselectHtml="<select>
<optionvalue="sel1"/>
<optionvalue="sel2/">
<option value="sel3"/>
</select>";
return selectHtml
这些例子说明,在jqgrid单元格上可以添加Html形式的编辑控件
这种方法添加的控件有个缺点就是:html样式显示在单元格上,看起来不是很好看,并且用 getRowData获取的数据并不是看到的值,而是Html样式,这在设置单元格值,传到后台处 理,有明显的不足;
而用这样方法添加image这种不需要编辑的单元格,又很好的解决了动 态改变edittype的不足,所以在处理同一列单元格的编辑属性可以将这两种方式结合起来 使用
}
}
//file
}
//password
}
//select
}