jqGrid中的自定义展示

1.图片展示

{
     name: 'cover', align: 'center', editable: true,
     edittype:'file',
     formatter: function (value, options, row) {
     return '<img style="height: 50px;" src="${pageContext.request.contextPath}/' + row.cover + '"/>';
         }
},

2.查询数据做下拉列表展示
name：为添加进数据库中的字段
jsp页面

 {
                        name: 'guruId', align: 'center', editable: true,
                        edittype: 'select',//数据要在后台转换为select形式的string字符串
                        editoptions: {dataUrl: '/user/showAll'},
                        //下拉列表中展示的内容
                        formatter: function (value, options, row) {
                            if (row.guru) {
                                // 自定义单元格展示内容
                                return row.guru.dharma;
                            }
                        }
                    },

controller层方法

   //填充下拉列表
    @RequestMapping("showAll")
    public String showAll() {
        List<Guru> gurus = guruService.selectList(null);
        StringBuilder sbu = new StringBuilder("<select>");
        for (Guru guru : gurus) {
            String option = "<option value='" + guru.getId() + "'>" + guru.getDharma() + "</option>";
            sbu.append(option);
        }
        sbu.append("</select>");
        return sbu.toString();
    }

3.日期格式转换

{
     name: 'createDate',
     index: 'operateTime',
     formatter: "date",
     formatoptions: {newformat: 'Y-m-d'}
 }

4.下拉列表展示状态

{
                        name:'status',
                        editable:true,
                        edittype: 'select',
                        editoptions:{value:"0:冻结;1:正常"},
                        formatter:function (value, options, row) {
                            if(value=="0"){
                                return "冻结";
                            }else{
                                return "正常";
                            }
                        }
                    },