タッチ機能 - ドロップダウンの拡大 -

タッチ操作により表示されたドロップダウンウィンドウを拡大することができます。設定可能な拡大倍率は100~400%です。
※この機能はInternet Explorer 10以降、およびタッチデバイス使用時に動作します。

テキスト: 日付時刻:
日付: 時刻:
数値: コンボ:
ドロップダウンウィンドウの拡大率

ソースコード

別ウィンドウで表示
using System;

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

    }
}

Partial Class Touch_DropDownScale
    Inherits System.Web.UI.Page

End Class

<%@ page title="" language="C#" masterpagefile="~/MasterPage.master" autoeventwireup="true" inherits="Touch_DropDownScale, App_Web_tz1sshx0" theme="SkinFile" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMDate" tagprefix="im_date" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMNumber" tagprefix="im_number" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script type="text/javascript">
        function DropDownScale(scale) {
            FindIMControl("<%= GcTextBox1.ClientID %>").SetTouchDropDownScale(scale);
            FindIMControl("<%= GcDateTime1.ClientID %>").SetTouchDropDownScale(scale);
            FindIMControl("<%= GcDate1.ClientID %>").SetTouchDropDownScale(scale);
            FindIMControl("<%= GcTime1.ClientID %>").SetTouchDropDownScale(scale);
            FindIMControl("<%= GcNumber1.ClientID %>").SetTouchDropDownScale(scale);
            FindIMControl("<%= GcComboBox1.ClientID %>").SetTouchDropDownScale(scale);
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="sample">
    <table>
        <tr>
            <td class="controlsTd">テキスト:</td>
            <td class="controlsTd">
                <im_edit:GcTextBox ID="GcTextBox1" runat="server" HasLoadFromXml="True" 
                    ShowHistory="True" Text="PowerTools InputMan for ASP.NET 8.0J" Width="200px">
                    <DropDown Visible="True" />
                </im_edit:GcTextBox>
            </td>
            <td class="controlsTd">日付時刻:</td>
            <td>
                <im_date:GcDateTime ID="GcDateTime1" runat="server" HasLoadFromXml="True" Width="200px">
                    <DropDown DropDownType="Picker" /></im_date:GcDateTime>
            </td>
        </tr>
        <tr>
            <td class="controlsTd">日付:</td>
            <td class="controlsTd">
                <im_date:GcDate ID="GcDate1" runat="server" HasLoadFromXml="True" Width="200px"></im_date:GcDate>
            </td>
            <td class="controlsTd">時刻:</td>
            <td class="controlsTd">
                <im_date:GcTime ID="GcTime1" runat="server" HasLoadFromXml="True" Width="200px"><DropDown DropDownType="NumericPad" /></im_date:GcTime>
            </td>
        </tr>
        <tr>
            <td class="controlsTd">数値:</td>
            <td>
                <im_number:GcNumber ID="GcNumber1" runat="server" HasLoadFromXml="True" Width="200px"></im_number:GcNumber>
            </td>
            <td class="controlsTd">コンボ:</td>
            <td>
                <im_combo:GcComboBox ID="GcComboBox1" runat="server" HasLoadFromXml="True" 
                    Width="200px" ItemsChanged="False">
                    <ListBox AutoWidth="True" />
                    <listheaderpane visible="True"></listheaderpane>
                    <defaultcolumn autowidth="True"></defaultcolumn>
                    <listcolumn header-text="クラス名"></listcolumn>
                    <listcolumn header-text="コントロール名"></listcolumn>
                    <comboitem></comboitem>
                    <subitem index="0" value="GcTextBox"></subitem>
                    <subitem index="0" value="テキストコントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="1" value="GcMask"></subitem>
                    <subitem index="1" value="マスクコントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="2" value="GcDateTime"></subitem>
                    <subitem index="2" value="日付時刻コントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="3" value="GcDate"></subitem>
                    <subitem index="3" value="日付コントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="4" value="GcTime"></subitem>
                    <subitem index="4" value="時刻コントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="5" value="GcNumber"></subitem>
                    <subitem index="5" value="数値コントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="6" value="GcComboBox"></subitem>
                    <subitem index="6" value="コンボコントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="7" value="GcListBox"></subitem>
                    <subitem index="7" value="リストコントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="8" value="GcCalendar"></subitem>
                    <subitem index="8" value="カレンダーコントロール"></subitem>
                    <comboitem></comboitem>
                    <subitem index="9" value="GcCalculator"></subitem>
                    <subitem index="9" value="電卓コントロール"></subitem>
                    <helpvalue ></helpvalue>
                </im_combo:GcComboBox>
            </td>
        </tr>
    </table>
    </div>
    <table class="inputTable">
        <tr>
            <th width="50%" class="inputTh">ドロップダウンウィンドウの拡大率</th>
            <td class="inputTd">
                <asp:DropDownList ID="DropDownList1" runat="server" onchange="DropDownScale(this.value);">
                    <asp:ListItem Value="1.0">100%</asp:ListItem>
                    <asp:ListItem Value="1.2">120%</asp:ListItem>
                    <asp:ListItem Selected="True" Value="1.5">150%</asp:ListItem>
                    <asp:ListItem Value="2.0">200%</asp:ListItem>
                    <asp:ListItem Value="2.5">250%</asp:ListItem>
                    <asp:ListItem Value="3.0">300%</asp:ListItem>
                    <asp:ListItem Value="3.5">350%</asp:ListItem>
                    <asp:ListItem Value="4.0">400%</asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
    </table>
</asp:Content>


このページの先頭へ戻る