InputMan for ASP.NET オンラインデモ

using GrapeCity.Web.Input.IMEdit;
using System;

public partial class Input_Furigana : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        // ふりがなの出力方法を設定します。
        GcTextBox1.ReadingImeStringOutput.OutputMode = (OutputMode)RadioButtonList1.SelectedIndex;

        // ふりがなの文字種を設定します。
        GcTextBox1.ReadingImeStringOutput.KanaMode = (KanaMode)DropDownList1.SelectedIndex;

        GcTextBox1.Clear();
        GcTextBox2.Clear();
    }
}

Partial Class Input_Furigana
    Inherits System.Web.UI.Page

    Protected Sub Button2_Click(sender As Object, e As System.EventArgs) Handles Button2.Click
        ' ふりがなの出力方法を設定します。
        GcTextBox1.ReadingImeStringOutput.OutputMode = RadioButtonList1.SelectedIndex

        ' ふりがなの文字種を設定します。
        GcTextBox1.ReadingImeStringOutput.KanaMode = DropDownList1.SelectedIndex

        GcTextBox1.Clear()
        GcTextBox2.Clear()
    End Sub
End Class

<%@ page title="" language="C#" masterpagefile="~/MasterPage.master" autoeventwireup="true" inherits="Input_Furigana, App_Web_nb5d2exk" stylesheettheme="SkinFile" %>

<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script type="text/javascript">
        function Clear_Text() {
            FindIMControl("<% =GcTextBox1.ClientID %>").Clear();
            FindIMControl("<% =GcTextBox2.ClientID %>").Clear();
        }

        // ふりがなの出力方法を設定します。
        function OutputMode(obj) {
            if (!document.getElementById("isClient").checked) return;

            var output;
            var radio = obj.getElementsByTagName("input");
            for (var i = 0; i < radio.length; ++i) {
                if (radio[i].checked) {
                    output = radio[i].value;
                }
            }

            FindIMControl("<% =GcTextBox1.ClientID %>").SetReadingImeStringOutputMode(output);
        }
        // ふりがなの文字種を設定します。
        function KanaMode(kanamode) {
            if (!document.getElementById("isClient").checked) return;

            FindIMControl("<% =GcTextBox1.ClientID %>").SetReadingImeStringKanaMode(kanamode);
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="sample">
    <table>
        <tr>
            <td class="controlsTd">漢字入力：</td>
            <td>
                <im_edit:gctextbox ID="GcTextBox1" runat="server" HasLoadFromXml="True" 
                    Width="250px" ImeMode="Active">
                    <readingimestringoutput targetcontrol="GcTextBox2" />
                </im_edit:gctextbox>
            </td>
        </tr>
        <tr>
            <td class="controlsTd">ふりがな：</td>
            <td>
                <im_edit:gctextbox ID="GcTextBox2" runat="server" HasLoadFromXml="True" 
                    Width="250px">
                </im_edit:gctextbox>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input id="Button1" class="button" type="button" value="クリア" onclick="Clear_Text()"/></td>
        </tr>
    </table>
    </div>
    <label style="font-size:80%;"><input type="checkbox" id="isClient" checked="checked" /> クライアント側の設定を有効にする</label>
    <table class="inputTable">
        <tr>
            <th class="inputTh">ふりがなの出力方法</th>
            <td class="inputTd">
                <asp:RadioButtonList ID="RadioButtonList1" runat="server" 
                    RepeatDirection="Horizontal" onchange="OutputMode(this);">
                    <asp:ListItem Value="append" Selected="True">末尾に追加する</asp:ListItem>
                    <asp:ListItem Value="replace">上書きする</asp:ListItem>
                </asp:RadioButtonList>
            </td>
        </tr>
        <tr>
            <th class="inputTh">ふりがなの文字種</th>
            <td class="inputTd">
                <asp:DropDownList ID="DropDownList1" runat="server" onchange="KanaMode(this.value);">
                    <asp:ListItem Value="katakanahalf" Selected="True">半角カタカナ</asp:ListItem>
                    <asp:ListItem Value="katakana">全角カタカナ</asp:ListItem>
                    <asp:ListItem Value="hiragana">ひらがな</asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
    </table>
    <center>
        <asp:Button ID="Button2" runat="server" CssClass="button_nowidth" Text="サーバー側で設定" 
            onclick="Button2_Click" />
    </center>
</asp:Content>