Switch IME Mode

The wijgrid widget allows you to control the state of the input method editor for text fields by setting the imeMode option of the column. You can set imeMode option to auto, active, inactive and disabled.

The imeMode option is valid for Internet Explorer and Firefox only. For more details on ime mode, go to https://developer.mozilla.org/en-US/docs/Web/CSS/ime-mode.

Live Widget
Script

Script	Copy Code
<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

Copy Code

<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>