jqgrid列中的Image和Select Formatter

时间:2014-08-26 09:25:50

标签: jquery jqgrid

我正在使用带有动态colmodel的jqgrid(表单编辑),其中我必须根据某些值将单元格内的图像显示在单元格中,同一单元格的编辑类型为{{1} }。

因此,图像应在视图中显示在网格中,在编辑过程中,单元格应转为select。不确定如何使用select

//代码:

formatter

以上代码用于在编辑期间将单元格创建为 case 'dropdown': colname.push({ name: this.Name, index: this.Name, width: 130, edittype: "select", formatter: 'select', editoptions: { value: ':Select;' + this.ValueList.slice(0, -1) }, stype: 'select', searchoptions: { value: ':All;' + this.ValueList.slice(0, -1) }, align: 'left', sortable: true }); break; 格式。现在我必须在同一个单元格中添加一个图像。

必须添加像这样的图像select吗?不知道在哪里。

//代码:

formatter

我尝试添加formatter: function () { return "<img src='http://myserver/path/i.jpg' alt='my image' />"; } ,因为它在上面提到的代码中,但它只显示图像而不是列的实际文本,在编辑中我无法加载所需的选定文本。

我怎样才能实现这个目标?

1 个答案:

答案 0 :(得分:0)

我建议您使用select2插件,该插件允许使用图片创建非常舒适的选择(请参阅here)并在选择选项内搜索。 The answer(请参阅the demo)和the another one演示了如何在表单编辑,搜索对话框和过滤器工具栏中使用select2。