ASP.Netページでは、ここからjsプラグインを使用しました。私は自分のサイトのルックアンドフィールに合った素敵なカスタムフォーム要素を手に入れました。後でStyled
、asp.netドロップダウンリストコントロールにcssクラスを適用し、そのAutoPostback
プロパティをに設定するとfalse
、選択した値がクライアント側で変化するのを確認できないことに気付きました。ただし、ページのボタンをクリックすると、サーバーに投稿されたSelectedValueは変更されますが、サーバーに投稿しないとUIが更新されません。
ryanから提供されたjsファイルを見て、削除するopacity
か、filter
(つまり)ドロップダウンが正常に機能し始めるかどうかを確認しましたが、残念ながら、のルックアンドフィールが乱れますDropDownList
。これopacity
は、cutom-form.jsを使用して動的に設定されます
特にこのコード行はopacity
要素のを設定します
document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + 140 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');
これが私のマークアップです
<asp:DropDownList ID="ddlRestaurants" runat="server" CssClass="styled" AppendDataBoundItems="True" AutoPostBack="false" Width="50">
<asp:ListItem Value="0" Text="All Restaurants"></asp:ListItem>
</asp:DropDownList>
それでも明確にする必要がある場合は、コメントで知らせてください。どんな助けでも私は大いに感謝します。