我正在使用带有动态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' />";
}
,因为它在上面提到的代码中,但它只显示图像而不是列的实际文本,在编辑中我无法加载所需的选定文本。
我怎样才能实现这个目标?
答案 0 :(得分:0)
我建议您使用select2插件,该插件允许使用图片创建非常舒适的选择(请参阅here)并在选择选项内搜索。 The answer(请参阅the demo)和the another one演示了如何在表单编辑,搜索对话框和过滤器工具栏中使用select2。