Input Method Editor (IME)

IME is an abbreviation of Input Method Editor .

IME allows any data, such as keyboard strokes or mouse movements, to be received as input. In this way, users can enter characters and symbols that are not found on their input devices. IME is obligatory for languages such as Japanese, Chinese, Korean, and Taiwanese.

FlexGrid supports IME through its imeEnabled property. For example, the grid below has imeEnabled set to true.

If you set the keyboard language to Japanese or Chinese and enable IME, the grid honors that setting and allows you to edit cells using the selected IME mode by typing directly into the cells:

English

Japanese

Pop (tho)

Tokyo

東京特別区部

8,637,098

Yokohama

横浜市

3,697,894

Osaka

大阪市

2,668,586

Nagoya

名古屋市

2,283,289

Sapporo

札幌市

1,918,096

Kobe

神戸市

1,530,847

Kyoto

京都市

1,474,570

Fukuoka

福岡市

1,430,371

Kawasaki

川崎市

1,373,630

Saitama

さいたま市

1,192,418

// This file locates: "Scripts/Lesson/C1FlexGrid/Ime.js".
c1.documentReady(function () {
    // data with some Japanese names in it
    var data = [
          { id: 1, en: "Tokyo", ja: "東京特別区部", pop: 8637098 },
          { id: 2, en: "Yokohama", ja: "横浜市", pop: 3697894 },
          { id: 3, en: "Osaka", ja: "大阪市", pop: 2668586 },
          { id: 4, en: "Nagoya", ja: "名古屋市", pop: 2283289 },
          { id: 5, en: "Sapporo", ja: "札幌市", pop: 1918096 },
          { id: 6, en: "Kobe", ja: "神戸市", pop: 1530847 },
          { id: 7, en: "Kyoto", ja: "京都市", pop: 1474570 },
          { id: 8, en: "Fukuoka", ja: "福岡市", pop: 1430371 },
          { id: 9, en: "Kawasaki", ja: "川崎市", pop: 1373630 },
          { id: 10, en: "Saitama", ja: "さいたま市", pop: 1192418 },
          { id: 11, en: "Hiroshima", ja: "広島市", pop: 1163806 },
          { id: 12, en: "Sendai", ja: "仙台市", pop: 1029552 },
          { id: 13, en: "Kitakyūshū", ja: "北九州市", pop: 986998 },
          { id: 14, en: "Chiba", ja: "千葉市", pop: 938695 },
          { id: 15, en: "Setagaya", ja: "世田谷区", pop: 855416 },
          { id: 16, en: "Sakai", ja: "堺市", pop: 835333 },
          { id: 17, en: "Niigata", ja: "新潟市", pop: 813053 },
          { id: 18, en: "Hamamatsu", ja: "浜松市", pop: 811431 },
          { id: 19, en: "Shizuoka", ja: "静岡市", pop: 710944 },
          { id: 20, en: "Sagamihara", ja: "相模原市", pop: 706342 }
    ];
 
    var theGrid = wijmo.Control.getControl('#theGrid');
    theGrid.imeEnabled = true;
    theGrid.itemsSource = data;
});

using System.Web.Mvc;
 
namespace LearnMvcClient.Controllers
{
    public partial class C1FlexGridController : Controller
    {
        // GET: Ime
        public ActionResult Ime()
        {
            return View();
        }
    }
}

@model IEnumerable<FlexGridData.Sale>
 
<h1>
    @Html.Raw(Resources.C1FlexGrid.Ime_Title)
</h1>
<p>
    @Html.Raw(Resources.C1FlexGrid.Ime_Text1)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.Ime_Text2)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.Ime_Text3)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.Ime_Text4)
</p>
 
@(Html.C1().FlexGrid().Id("theGrid").Height(200)
    .AutoGenerateColumns(false)
    .Columns(cs=>
    {
        cs.Add().Binding("id").Header("#").IsReadOnly(true).Width("50");
        cs.Add().Binding("en").Header("English");
        cs.Add().Binding("ja").Header("Japanese");
        cs.Add().Binding("pop").Header("Pop (tho)").Format("n0");
    })
)