2016-03-18 9 views
0

リストボックスが2つあるので、以前に選択した各リストボックスのインデックスアイテムを緑色に変えたいと思います。今DevExpress複数のリストボックスLostFocusカラー効果

  1. リストボックスが選択された最初のインデックスから始まる
  2. 第二のリストボックスにジャンプする、それが最初のリストボックスのインデックスを保存し、適用します(私はそれが選択なしでスタートしたいと思います) 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> 

答えて

0

これが適切に必要な何取り扱います:

function OnInit(s, e) { 
    s.cpPreviousIndex = s.GetSelectedIndex(); 
} 

function OnSelectedIndexChanged(s, e) { 
    if (s.cpPreviousIndex > -1) { 
     s.GetItemRow(s.cpPreviousIndex).style.backgroundColor = '#C0E0CE'; 
    } 
    s.cpPreviousIndex = s.GetSelectedIndex(); 
} 
関連する問題