ListBoxコントロールは、上へ移動、下へ移動、循環上へ移動、循環下へ移動操作を実現する
一、フロントページにlistboxコントロールと4つのbuttonコントロールをドラッグ&ドロップし、スタイルを変更できます.
<style type="text/css">
.left {
float:left;
width:120px;
}
.right {
float:right;
width:80px;
}
.all {
width:200px;
}
</style>
二、バックグラウンドに対応するbuttonボタンのclickメソッドにコードを加える. protected void Button1_Click(object sender, EventArgs e)
{
//ListBox1.Items.Remove(ListBox1.SelectedItem);
//
if (ListBox1.SelectedIndex > 0) {
int idx = ListBox1.SelectedIndex;
ListBox1.Items.Insert(ListBox1.SelectedIndex - 1, ListBox1.SelectedItem.ToString());
ListBox1.Items.RemoveAt(ListBox1.SelectedIndex);
ListBox1.SelectedIndex = idx - 1;
}
}
protected void Button2_Click(object sender, EventArgs e)
{
//
if (ListBox1.SelectedIndex < ListBox1.Items.Count - 1)
{
ListBox1.Items.Insert(ListBox1.SelectedIndex, ListBox1.Items[ListBox1.SelectedIndex + 1].ToString());
ListBox1.Items.RemoveAt(ListBox1.SelectedIndex + 1);
}
}
protected void Button3_Click(object sender, EventArgs e)
{
//
if (ListBox1.SelectedIndex == 0) {
ListBox1.Items.Insert(ListBox1.Items.Count,ListBox1.SelectedItem.ToString());
ListBox1.Items.RemoveAt(ListBox1.SelectedIndex);
}
}
protected void Button4_Click(object sender, EventArgs e)
{
//
if (ListBox1.SelectedIndex == ListBox1.Items.Count-1) {
ListBox1.Items.Insert(0, ListBox1.SelectedItem.ToString());
ListBox1.Items.RemoveAt(ListBox1.SelectedIndex);
}
}