asp.net - 矢印キーを使用してナビゲートする

Question

私はこのGridviewを使用しています

http://gridviewscroll.aspcity.idv.tw/Demo/Style.aspx#StyleCustom2

そのグリッドビューに矢印キーを使用してGridViewに移動する方法を誰かに教えてもらえますか

ありがとう ：）

Answer 1

1. 機能を拡張したい GridView で Web フォームを編集します。そこに、2 つのボタンを追加します。ボタンアップとボタンダウン。

2. ボタンに次のクリック イベントを追加します。あなたの GridView は GridView1 と呼ばれていると仮定します。

               protected void ButtonUp_Click(object sender, EventArgs e) {
           int i = GridView1.SelectedIndex;
           if(i>0)
           GridView1.SelectedIndex = GridView1.SelectedIndex - 1;
           }
   
           protected void ButtonDown_Click(object sender, EventArgs e) {
           int i = GridView1.SelectedIndex;
           if (i < GridView1.Rows.Count - 1)
           GridView1.SelectedIndex = GridView1.SelectedIndex + 1;
           }
   

3. ここでページを実行すると、ページ上のボタンを使用して GridView 内を移動できます。ここで、JavaScript を介してボタンのクリックをキーボードにバインドします。次のコードを Page_Load イベントに追加します。

                   ClientScript.RegisterClientScriptBlock(typeof(string), "keyScript",
           @"function move(e) {
           var key = 0;
           if(window.event)
           key = event.keyCode;
           else
           key = e.keyCode;
           if(key == 38)
           document.getElementById('ButtonUp').click();
           if(key == 40)
           document.getElementById('ButtonDown').click();
           }
           document.onkeydown=move;
           ", true);
   

4. これで、キーボードの上下キーでナビゲートできるはずです。

5. ページ ボタンを非表示にするには、次の CssClass を作成します。

   .Invisible {
        display:none;
    }