1

基本上,我有两个 Telerik Grids。现在,我有一个复选框来同步两个网格中的水平滚动条,并希望在未选中该复选框时禁用同步。现在,问题是,一旦我禁用复选框,即执行取消绑定功能,两个 Telerik 网格中的标题栏不会与单个 Telerik 网格中正文中的相应内容一起滚动。我相信 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