IME モードの切り替え

wijgrid ウィジェットでは、列の imeMode オプションを設定することで、テキストフィールドの入力方式エディタ（IME）の状態を制御できます。imeMode オプションは、「auto（自動）」、「active（アクティブ）」、「inactive（非アクティブ）」、および「disabled（無効）」に設定できます。

imeMode オプションは Internet Explorer および Firefox のみで有効です。IME モードの詳細については、次のサイトを参照してください。https://developer.mozilla.org/ja/docs/Web/CSS/ime-mode.

ライブウィジェット
スクリプト

スクリプト	コードのコピー
<script type="text/javascript"> $(document).ready(function () { $('#wijgrid').wijgrid({ data: [ { Column1: '1', Column2: 'John', Column3: 'Louis', Column4: 'US'}, { Column1: '2', Column2: 'Tom', Column3: 'Hughs', Column4: 'Japan'}, { Column1: '3', Column2: 'Henry', Column3: 'Douglas', Column4: 'UK'}, { Column1: '2', Column2: 'Tom', Column3: 'Hughs', Column4: 'China' }, { Column1: '3', Column2: 'Henry', Column3: 'Douglas', Column4: 'France' }, ], selectionMode: 'singleCell', editingMode: 'cell', columns: [ // IME Mode is set to Auto { dataKey: 'Column1', imeMode: 'auto', headerText: 'IME Auto' }, // IME Mode is active { dataKey: 'Column2', imeMode: 'active', headerText: 'IME On' }, // IME Mode is inactive { dataKey: 'Column3', imeMode: 'inactive', headerText: 'IME Off' }, // IME mode is disabled { dataKey: 'Column4', imeMode: 'disabled', headerText: 'IME Disabled' } ] }); }); </script>

スクリプト

コードのコピー

<script type="text/javascript">
   $(document).ready(function () {
       $('#wijgrid').wijgrid({
         data: [
           { Column1: '1', Column2: 'John', Column3: 'Louis', Column4: 'US'},
           { Column1: '2', Column2: 'Tom', Column3: 'Hughs', Column4: 'Japan'},
           { Column1: '3', Column2: 'Henry', Column3: 'Douglas', Column4: 'UK'},
           { Column1: '2', Column2: 'Tom', Column3: 'Hughs', Column4: 'China' },
           { Column1: '3', Column2: 'Henry', Column3: 'Douglas', Column4: 'France' },
            ],
            selectionMode: 'singleCell',
            editingMode: 'cell',
            columns: [
                // IME Mode is set to Auto
               { dataKey: 'Column1', imeMode: 'auto', headerText: 'IME Auto' },
                // IME Mode is active
               { dataKey: 'Column2', imeMode: 'active', headerText: 'IME On' },
                // IME Mode is inactive
               { dataKey: 'Column3', imeMode: 'inactive', headerText: 'IME Off' },
                // IME mode is disabled
               { dataKey: 'Column4', imeMode: 'disabled', headerText: 'IME Disabled' }
            ]
        });
    });
</script>