拖拽

dexteryao · dexteryao

编辑状态显示图片，参考FullNameCellType，在createEditorElement 中添加一个图片元素。
http://demo.gcpowertools.com.cn/ ... ples/customCellType

双击事件没了，这个不太清楚你都做了什么。

zhaozimingT · zhaozimingT

这个你已经回答过了，我就是参考单元格自定义来的，搞不懂你们的方法，你只需要告诉我哪个方法可以定义选中的单元格的格式，

zhaozimingT · zhaozimingT

变为自己定义的单元格自后。我给单元格注册的双击事件没有了。比我我本来双击后有个弹框，但是却处于编辑状态

zhaozimingT · zhaozimingT

这个里面的参数都是些什么

zhaozimingT · zhaozimingT

我是这样的。这样子之后只有有一列一行的值。然后图片和文字不能同时显示。开始显示的是文字，双击该单元后就显示图片。搞不懂？？/ 如图：

。另外代码为：

zhaozimingT · zhaozimingT

把这个换成图片怎么弄

zhaozimingT · zhaozimingT

这个里面列举的是你们所有的icon 吗？。如果还有其他的，我看看其他的，

dexteryao · dexteryao

您的问题我汇总后统一给您回复，建议您下次将问题汇总后统一发帖，不同的问题单独发帖，方便后面的跟踪。

zhaozimingT · zhaozimingT

回帖这么慢嘛，都等好久了。

dexteryao · dexteryao

我改了改，你看看

var iconImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABlVBMVEUAAABEREBEREBEREBEREBEREBEREBEREBEREBEREBEREArKygEBAQDAwMBAQEAAAAFBQQFBQUFBQUODg0DAwMAAAAAAAAAAAABAQEJCQgKCgoICAcEBAQKCgkCAgIAAAAAAAAAAAAAAAABAQEFBQUGBgYGBgYXFxYAAAAAAAAAAAAAAAAAAAAAAAABAQEHBwYHBwcEBAMCAgIAAAABAQAAAAAAAAAZGRcBAQEBAQEJCQgBAQE7OzgDAwMDAwMKCgkJCQkSEhEEBAMEBAQ9PTkEBAMUFBMJCQgBAQAMDAsEBAQAAAAEBAQBAQEAAAABAQENDQ0AAAAAAAAKCgooKCUAAAAAAAAAAAAAAAABAQEGBgUGBgYBAQEAAAAFBQUGBgYAAAAAAAAAAAAEBAQEBAMAAAAAAAABAQEGBgYHBwcDAwMAAAAAAAAAAAAAAAAICAgHBwcBAQEAAAAICAglJSInJyUBAQEAAAAAAAAAAAAEBAQAAAAAAAABAQEGBgUHBwYAAAAAAAAAAAACAgIAAAAEBAMEBASTqE7jAAAAg3RSTlMAAwQBBwgKCw0PAgWIxMTEx8i6Slz8clxdZGaI8Qx63CufoKGlpqQn+Cd4YOSBgYeQ+0Uo3ETYBWFbaNYPKd1qYDPe1hH4NXbhTvhf6sDAyk7dE2cX+f6mnJ2horGroE329fL7/ZaEhYqL35RrFOZ6fZkMDhkbl5EY6/dLIIadnpiVTkK9s7QAAAGISURBVDhPpZMxbhQxFIa//z0PYidZsRdAREFIIAWKFBQUKZA4BEXOwAVQDpEb0FHTUFAgKgoECNFRrAh0SQXLJlGY8aPwDMtmh1Dgxp/8PVn2bz/4x/BuljFMKmVSRDtIDuBu5HaYHPDK8DOA2lbIwF1hxwB1XiUDXeQRa5IEEKbIhZLmxXtOjB7tS4CkiACQTPVXAJcStWpJ53zZs24iEuuw9hCkCOCpJEnHdTlJjkQZnedolhVbovfYsn+2kRV21Plo21Iw7j3+YemmLaXAev98NTMDrlWdp3rb55P6ygSRTjv/MnWr7dXfSSZ+0OTilV6V1VvSySJJONgqXtUDAejum3lTvJRA23r9mbFVP/MMYGzv0mQKiyQrXbr9Z9IKu3n5BkhJTxJQ6/r0/bY2OFD/Zl9GIyRJJO7z8d7hpx2J6WT5TRUmEuvzzRe7O4ff77DJIvOOThA8lhSzKwDfxks00R4Cd/+fP2kXe5cwK5007LODSidBbs7OkVO+OX/vzqbzyDRMvwCSDdy0IEAS4gAAAABJRU5ErkJggg=="
function MyCellType() {
}
MyCellType.prototype = new GC.Spread.Sheets.CellTypes.Base();
MyCellType.prototype.paint = function (ctx, value, x, y, w, h, style, options) {
//Paints a cell on the canvas.
if (value) {
GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this, [ctx, value, x, y, w, h, style, options]);
var sheet = options.sheet, row = options.row, col = options.col;
var tag = sheet.getTag(row, col);
if(tag && tag.img){
ctx.drawImage(tag.img, x + w - h + 1, y + 1, h - 2, h - 2);
}
else{
var img = new Image();
img.src = iconImage;
img.onload = function(){
sheet.setTag(row, col, {img: img})
sheet.repaint();
}
}
}
};
MyCellType.prototype.updateEditor = function (editorContext, cellStyle, cellRect, context) {
if (editorContext) {
$(editorContext).width(cellRect.width);
$(editorContext).height(cellRect.height);
$('img', $(editorContext)).height(cellRect.height).width(cellRect.height);
$('span', $(editorContext)).css("font", cellStyle.font);
}
};
MyCellType.prototype.createEditorElement = function(context) {
//Creates a DOM element then returns it.
var div = document.createElement("div");
var $div = $(div);
$div.attr("gcUIElement", "gcEditingInput");
$div.css("overflow", "hidden");
var img=$("<img src="+iconImage+" style='position: absolute;top: 0;right: 0;'/>");
var span=$("<span style='margin: 1px'></span>");
span.css("display", "block");
$div.append(span);
$div.append(img);
return div;
};
MyCellType.prototype.getEditorValue = function(editorContext) {
//Gets the editor's value.
return $('span', $(editorContext)).text()
};
MyCellType.prototype.setEditorValue = function(editorContext, value) {
//Sets the editor's value.
$('span', $(editorContext)).text(value)
};
MyCellType.prototype.activateEditor = function(editorContext, cellStyle, cellRect) {
//Activates the editor, including setting properties or attributes for the editor and binding events for the editor.
$('img', $(editorContext)).click(function(){
alert("message");
})
};
window.onload = function () {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });
var activeSheet = spread.getActiveSheet();
activeSheet.getCell(1, 1).value("Click").cellType(new MyCellType());
activeSheet.setColumnWidth(1, 80)
};

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] 拖拽

评分

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章