[英]jqGrid show an 'edit' icon for in line editing
我正在使用带有内联编辑选项的jqGrid。 如果单元格没有任何值,我想显示一个编辑图标。
所以我写了一个格式化程序:
function aFormatter(cellvalue, options, row) {
if(cellvalue == null){
return 'you can edit this';
}else{
return cellvalue;
}
}
将显示you can edit this
文本,当我单击它时正确显示了一个输入框,但是作为初始值的输入框you can edit this
?
我该如何解决?
我正在通过struts 2 jquery tags plugin
使用jqGrid,它是基于jqGrid版本构建的
我认为您应该与格式化程序一起定义unformatter( unformat )。 例如,
formatter: function (cellvalue) {
if (cellvalue == null) {
return "<span class='ui-icon ui-icon-pencil'></span>";
} else {
return cellvalue;
};
},
unformat: function (cellValue, options, elem) {
return $(elem).text();
}
我不确定如何在struts2网格插件中指定unformat
。
另一种方法是通过以下方式定义格式化程序
(function ($) {
"use strict";
/*jslint unparam: true */
$.extend($.fn.fmatter, {
yourFormatterName: function (cellValue, options) {
if (cellvalue == null) {
return "<span class='ui-icon ui-icon-pencil'></span>";
} else {
return cellvalue;
};
}
});
$.extend($.fn.fmatter.yourFormatterName, {
unformat: function (cellValue, options, elem) {
return $(elem).text();
}
});
}(jQuery));
它将允许您以与可以使用标准格式器 "integer"
, "date"
等相同的方式来使用formatter: "yourFormatterName"
(或在struts2中可能是formatter = "yourFormatterName"
)。
这将在网格中显示一个“编辑”图标,而不是“您可以编辑此”图标
function aFormatter(cellvalue, options, row) {
if(cellvalue == null) {
return '<span class="ui-icon ui-icon-pencil"></span>'
} else {
return cellvalue;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.