jqGrid学习总结_6 使用formatter

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

}

//file

 function typeformatter(cellvalue, options, rowObject){

     varfileHtml="<input type="file" alt="Alttext"/>";

       return fileHtml

}

//password

 function typeformatter(cellvalue, options, rowObject){

     varpasswordHtml="<input type="password"size="10"maxlength="8"/>";

       return passwordHtml

}

//select

 function typeformatter(cellvalue, options, rowObject){

     varselectHtml="<select>

          <optionvalue="sel1"/>

          <optionvalue="sel2/">

          <option value="sel3"/>

          </select>";

       return selectHtml

}

 这些例子说明，在jqgrid单元格上可以添加Html形式的编辑控件

 这种方法添加的控件有个缺点就是：html样式显示在单元格上，看起来不是很好看，并且用 getRowData获取的数据并不是看到的值，而是Html样式，这在设置单元格值，传到后台处 理，有明显的不足； 而用这样方法添加image这种不需要编辑的单元格，又很好的解决了动 态改变edittype的不足，所以在处理同一列单元格的编辑属性可以将这两种方式结合起来 使用