2016-07-04 29 views
2

私はasp.netでWebアプリケーションを持っています、それは12以上の列を持つgridviewを持っています。水平スクロールバーを追加しましたasp.net WebアプリケーションのGridviewでshift + scrollを使用した水平スクロール?

<div style="overflow-x: auto;"> 
    <asp:GridView ID="gvBill" runat="server" > 
    . 
    . 
    </asp:GridView> 

水平スクロールには機能が必要です。グリッドビューのみです。 mouseWheelイベントで検索して回答を見つけましたが、それらはすべてC#Windowsアプリケーション用です。 私はStackOverflowと同じものが必要です。 URLや何か助けてくれるものを教えてください。ありがとう。

例えば:私たちは、Shiftキーを押しながらマウスのスクロール/タッチパッドのスクロールを使用SOとき、それは水平スクロールでは。ここでそれを試してみてください:あなたは私はこの解決策を見つけマウスホイールのイベントをキャッチしたい場合はSQLBulkCopy inserts a new row with NULL values for all columns

enter image description here

答えて

1
.Gridview{ 
    overflow-x: scroll; 
} 

<asp:GridView ID="gvBill" runat="server" CssClass="Gridview" />. 

代わりにx方向にスクロールが追加されます:

(function() { 
    function scrollHorizontally(e) { 
     e = window.event || e; 
     var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); 
     document.getElementById('yourDiv').scrollLeft -= (delta*40); // Multiplied by 40 
     e.preventDefault(); 
    } 
    if (document.getElementById('yourDiv').addEventListener) { 
     // IE9, Chrome, Safari, Opera 
     document.getElementById('yourDiv').addEventListener("mousewheel", scrollHorizontally, false); 
     // Firefox 
     document.getElementById('yourDiv').addEventListener("DOMMouseScroll", scrollHorizontally, false); 
    } else { 
     // IE 6/7/8 
     document.getElementById('yourDiv').attachEvent("onmousewheel", scrollHorizontally); 
    } 
})(); 
それは、ドキュメントをロードするとき

基本的にそれはあなたの要素のIDを取得し、それが... scrollHorizo​​ntallyにリスナーを追加し、それをテストし、それが助けなら、私に知らせて

ソース:私はしましたHorizontal scrolling with mouse wheel in a div

通常のテーブルで動作するようですが、あなたのケースではうまくいくはずです。

+0

すぐにお試しください。 – Sak

+0

はとにかく私はあなたが動作するはず行うようにそれが機能しなかった場合は、次のように一定の幅を設定してみてください... GridViewコントロールをラップと思います:GridViewの周り

。 – Lorenzo

+0

Touchpad/Mousewheelを使用したスクロールだけで動作しますか?私はシフトキーがどこにも言及していないのを見る。 上記の修正が機能しませんでした。 – Sak

関連する問題