タッチ操作により表示されたドロップダウンウィンドウを拡大することができます。設定可能な拡大倍率は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>