SpreadJS製品ヘルプ
updateImeMode メソッド
GC.Spread.Sheets.CellTypes 名前空間 > Base クラス : updateImeMode メソッド
createEditorElementメソッドによって作成されたDOM要素。
セルの実際のスタイルからのIMEモード。
セル型に関連付けられたコンテキスト。詳細については、「解説」を参照してください。
エディタのIMEモードを更新します。
シンタックス
var instance = new GC.Spread.Sheets.CellTypes.Base();
var value; // Type: any
value = instance.updateImeMode(editorContext, imeMode, context);
function updateImeMode( 
   editorContext : Object,
   imeMode : ImeMode,
   context : Object
) : any;

パラメータ

editorContext
createEditorElementメソッドによって作成されたDOM要素。
imeMode
セルの実際のスタイルからのIMEモード。
context
セル型に関連付けられたコンテキスト。詳細については、「解説」を参照してください。
使用例
次のサンプルコードは、updateImeModeメソッドを使用します。
   function NameCellType() {
    }
    NameCellType.prototype = new GC.Spread.Sheets.CellTypes.Base();
    NameCellType.prototype.updateEditor = function (editorContext, cellStyle, cellRect, context) {
        if (editorContext) {
            $(editorContext).width(cellRect.width);
            $(editorContext).height(cellRect.height + 20);
        }
    };
    NameCellType.prototype.createEditorElement = function (context) {
        var div = document.createElement("div");
        var $div = $(div);
        $div.attr("gcUIElement", "gcEditingInput");
        $div.css("background-color", "white");
        $div.css("position", "absolute");
        $div.css("overflow", "hidden");
        $div.css("border", "2px #5292f7 solid");
        var $span1 = $("<span>Enter Your Name</span>");
        $span1.css("display", "block");
        var $input1 = $("<input type='text'/>");
        $div.append($span1);
        $div.append($input1);
        return div;
    };
    NameCellType.prototype.getEditorValue = function (editorContext, context) {
        if (editorContext) {
            var input1 = editorContext.children[1];
            var name = $(input1).val();
            return name;
        }
    };
    NameCellType.prototype.setEditorValue = function (editorContext, value, context) {
        if (editorContext) {
            if (value) {
                var input1 = editorContext.children[1];
                $(input1).val(value);
            }
        }
    };
    NameCellType.prototype.focus = function (editorContext, context) {
        if (editorContext) {
            $(editorContext.children[1]).focus();
        }
    };
    NameCellType.prototype.isImeAware = function (context) {
        return true;
    }
    NameCellType.prototype.updateImeMode = function (editorContext, imeMode, context) {
        if (editorContext) {
            var $input = $(editorContext.children[1]);
            switch (imeMode) {
                case GC.Spread.Sheets.ImeMode.Auto: $input.css("ime-mode", "auto"); break;
                case GC.Spread.Sheets.ImeMode.Active: $input.css("ime-mode", "active"); break;
                case GC.Spread.Sheets.ImeMode.Inactive: $input.css("ime-mode", "inactive"); break;
                case GC.Spread.Sheets.ImeMode.Disabled: $input.css("ime-mode", "disabled"); break;
            }
        }
    }
sheet.setCellType(1,1,new NameCellType());
解説

contextパラメーターには以下の項目を含めることができます。

項目 説明
context.sheet GC.Spread.Sheets.Sheetインスタンス 現在のシートを示します。
context.row number 行インデックス。
context.col number 列インデックス。
context.sheetArea GC.Spread.Sheets.SheetArea 現在のシート領域。
関連トピック

参照

Base クラス