@model IEnumerable<FlexGridData.Sale>

<h1>
    Input Method Editor (IME)
</h1>
<p>
    IME is an abbreviation of
    <a href="https://en.wikipedia.org/wiki/Input_method" target="_blank">
        Input Method Editor
    </a>.
</p>
<p>
    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.
</p>
<p>
    FlexGrid supports IME through its <b>imeEnabled</b>
    property. For example, the grid below has <b>imeEnabled</b>
    set to true.
</p>
<p>
    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:
</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");
    })
)