1

asp.net 3.5 で開発されたモバイル Web サイトに関連する iPhone の問題に直面しています。

カート領域のスクリーンショットを参照: ここに画像の説明を入力

デスクトップブラウザ内で同じグリッドを表示するとスクロールが表示されますが、iPhoneでは表示されず、残りの領域が消えます。

グリッドビュー コード:

<div class="tabularDataContainer">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabularData">
        <tr class="tableH">
            <td width="39%" align="left" valign="top" class="tableH tableHL"><p>Workshop Name</p></td>
        <td align="left" valign="top" width="1%"class="tableHD">&nbsp;</td>
            <td width="19%" align="left" valign="top" class="tableH"><p>Date</p></td>
            <td align="left" valign="top" width="1%"class="tableHD">&nbsp;</td>
            <td width="19%" align="left" valign="top" class="tableH"><p>Attendee Name </p> </td>
            <td align="left" valign="top" width="1%"class="tableHD">&nbsp;</td>
            <td width="10%" align="left" valign="top" class="tableH"><p>City</p></td>
            <td align="left" valign="top" width="1%"class="tableHD">&nbsp;</td>
            <td width="10%" align="center" valign="top" class="tableH tableHR"><p>Amount</p></td>
       </tr>
    </table> 
<asp:GridView ID="grdCart" runat="server" AutoGenerateColumns="false" EmptyDataText="<br /> &nbsp;The Cart is Empty" ShowHeader="false" ShowFooter="false" GridLines="None" Width="100%" OnSelectedIndexChanging ="GrdCartRowCommand" OnRowDataBound="grdCartDatabound" DataKeyNames="wName,Date, sdat, endt, wDates, AttendeeName"    >
                                        <Columns >

                                        <asp:TemplateField>
                                        <ItemTemplate >
                                        <div style="width:100%; height:60px;">
                                        <div style="position:relative; width:100%;">
                                        <div style="position:absolute; top:0px; width:100%;" id="Container" runat="server" >
                                        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabularDataRounded" >

                                        <tr class="cartD">
                                        <td width="39%" align="left" valign="top">
                                            <table width="100%">
                                              <tr>
                                                <td align="left" valign="middle" width="5%" style="border-bottom:none;" class="cartcross"><p><asp:LinkButton id="lb_DeleteItem" runat="server" CommandName="Select" ><img src="images/delete.png" alt="Delete" class="del" width="100%" height="100%"></asp:LinkButton ></p></td>
                                                <td align="left" valign="middle"  width="95%" style="border-bottom:none;"><p><asp:DropdownList ID="ddl_wshops" runat="server" DataTextField="wName" cssclass="cartddl" style="display:block;" OnSelectedIndexChanged="ddl_AddNewWorkShop_SelectedIndexChanged" AutoPostBack="true"  >
                                                </asp:DropdownList></p></td>
                                              </tr>
                                            </table>                                </td>
                                        <td align="left" valign="middle" width="1%" ></td>
                                        <td width="19%" align="left" valign="middle" ><p><asp:DropdownList ID="ddl_wdat" runat="server" cssclass="cartddldat" AutoPostBack="true" OnSelectedIndexChanged="ChangeDateInItem"  >
                                                </asp:DropdownList></p></td>
                                        <td align="left" valign="middle" width="1%">&nbsp;</td>
                                        <td width="19%" align="left" valign="middle" ><p><asp:DropdownList ID="listbox_wAttendee" runat="server" cssclass="cartddldat" AutoPostBack="true" OnSelectedIndexChanged="ddlChangeAttendeeInItem"   >
                                                </asp:DropdownList> </p></td>
                                        <td align="left" valign="middle" width="1%">&nbsp;</td>
                                        <td width="10%" align="left" valign="middle" ><p><%#Eval("City")%></p></td>
                                        <td align="left" valign="middle" width="1%">&nbsp;</td>
                                        <td width="10%" align="right" valign="middle" style="padding-right:15px"><p>$<%#Eval("Amount")%></p></td>
                                      </tr>
                                      </table>
                                      <div>

この問題を解決する方法を教えてくれる人はいますか?

前もって感謝します。

4

1 に答える 1

0

私はちょうど使用してこの問題を終わらせました

gridview コンテナーの "overflow:scroll" プロパティ、この問題をたくさん検索しましたが、何も見つかりませんでした。

上記のプロパティ iPhone を使用すると、左右に 2 本の指で水平方向にスクロールできますが、Android やその他の携帯電話では、2 本の指では何も起こりません (LOL)。

于 2012-06-27T12:01:15.783 に答える