移动水平滚动条时,Telerik Grid中的标题栏不会与主体一起滚动

时间:2013-05-31 07:15:03

标签: javascript jquery scroll telerik-grid

基本上,我有两个Telerik网格。现在,我有一个复选框来同步两个网格中的水平滚动条,并希望在取消选中复选框时禁用同步。现在,问题在于,只要禁用复选框,即执行解除绑定功能,两个Telerik网格中的标题栏就不会与各个Telerik网格中正文中的相应内容一起滚动。我相信unbind(“滚动”)打破了标题和正文之间的联系,我想如果我能以某种方式将Telerik网格中的标题栏重新绑定到滚动函数,问题就解决了。我试过简单地写(“选择器”).bla。(“滚动”),但这不起作用。我们欢迎不同的解决问题的方法。

  $(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

0 个答案:

没有答案