1

基本的に、私は 2 つの Telerik Grid を持っています。現在、両方のグリッドで水平スクロール バーを同期するためのチェックボックスがあり、チェックボックスがオフの場合は同期を無効にしたいと考えています。問題は、チェックボックスを無効にする、つまりアンバインド機能を実行するとすぐに、両方の Telerik Grid のヘッダー バーが、個々の Telerik Grid の本文の対応するコンテンツと一緒にスクロールしないことです。unbind("scroll") はヘッダーと本文の間のリンクを壊すと思います.Telerikグリッドのヘッダーバーをスクロール機能に再バインドできれば、問題は解決すると思います. 私は単純に ("selector").bind.("scroll") を書いてみましたが、うまくいきませんでした。問題を解決するさまざまなアプローチを歓迎します。

  $(function () {

        $("#checkboxforscrollbarsyncHorizontal").change(function () {
            if (this.checked) {

             // The following code was written to try to rebind the header bar with its scroll event
             //   $('#firstscrollbarlb .t-grid-content').unbind("scroll");
             //   $('#secondscrollbarlb .t-grid-content').unbind("scroll");

         firstscrollbarlb

                $('#firstscrollbarlb .t-grid-content').scroll(function () {
                    var varforfirstscrollbar = $(this).scrollLeft();
                    $('#secondscrollbarlb .t-grid-content').scrollLeft(varforfirstscrollbar);

                });

                $('#secondscrollbarlb .t-grid-content').scroll(function () {

                    var varforsecondscrollbar = $(this).scrollLeft();
                    $('#firstscrollbarlb .t-grid-content').scrollLeft(varforsecondscrollbar);

                });


                });
            }

            else {

                $('#firstscrollbarlb .t-grid-content').unbind("scroll");
                $('#secondscrollbarlb .t-grid-content').unbind("scroll");

            }

        });
    })(checkboxcheckerHorizontal);

ここにグリッドがあります

         <table>
          <tr>
          <td id="firstscrollbarlb">
            //The Telerik Grid code goes here
          </td>

          <td id="secondscrollbarlb">
           //The Telerik Grid code goes here
         </td> 
        </tr>
       </table>

これが入力コードです

  <input type="checkbox" id="checkboxforscrollbarsyncHorizontal" onClick="checkboxcheckerHorizontal();"/>Horizontal
4

0 に答える 0