0
リストボックスが2つあるので、以前に選択した各リストボックスのインデックスアイテムを緑色に変えたいと思います。今DevExpress複数のリストボックスLostFocusカラー効果
:
- リストボックスが選択された最初のインデックスから始まる
- 第二のリストボックスにジャンプする、それが最初のリストボックスのインデックスを保存し、適用します(私はそれが選択なしでスタートしたいと思います) 2番目のリストボックスに移動します。 (?どのように新たに選択し、リストボックスの上に新鮮なインデックスを開始するために - 私は
GotFocus
にインデックスをリセットしようとしたが、それはまだ動作しません)ここに示した
例:
: http://screencast.com/t/tFsYNJulここではjavascriptのです
var previousIndex = -1;
function OnInit(s, e) {
previousIndex = s.GetSelectedIndex();
}
function OnSelectedIndexChanged(s, e) {
if (previousIndex > -1) {
s.GetItemRow(previousIndex).style.backgroundColor = 'green';
previousIndex = s.GetSelectedIndex();
}
}
マークアップ:
<form id="form1" runat="server">
<dx:ASPxListBox ID="ListBox1" runat="server" Width="100px" Height="150px">
<Items>
<dx:ListEditItem Text="1" />
<dx:ListEditItem Text="2" />
<dx:ListEditItem Text="3" />
<dx:ListEditItem Text="4" />
<dx:ListEditItem Text="5" />
</Items>
<ItemStyle SelectedStyle-ForeColor="Black" SelectedStyle-BackColor="Yellow" />
<ClientSideEvents Init="OnInit" LostFocus="function (s,e) { s.UnselectAll(); }" SelectedIndexChanged="OnSelectedIndexChanged" />
</dx:ASPxListBox>
<dx:ASPxListBox ID="ASPxListBox1" runat="server" Width="100px" Height="150px">
<Items>
<dx:ListEditItem Text="1" />
<dx:ListEditItem Text="2" />
<dx:ListEditItem Text="3" />
<dx:ListEditItem Text="4" />
<dx:ListEditItem Text="5" />
</Items>
<ItemStyle SelectedStyle-ForeColor="Black" SelectedStyle-BackColor="Yellow" />
<ClientSideEvents Init="OnInit" LostFocus="function (s,e) { s.UnselectAll(); }" SelectedIndexChanged="OnSelectedIndexChanged" />
</dx:ASPxListBox>
</form>