如何滚动到gridview中的特定记录是在div

Question

我有一个文本框和一个按钮，并且我有一个很长的GridView（我不想分页），所以我把它放在一个Div启用垂直滚动条。

我只是想在文本框中输入搜索字符串，如果我点击按钮，它应该找到匹配字符串的行并设置其背景色，并且应该滚动到该行。

这应该用Javascript完成。 我可以做任何事情，但没有运气滚动到找到的行。

JavaScript函数是像下面

function NextClinic() { 

      var gvClinics = document.getElementById("<%= gvClinics.ClientID %>"); 
      var FindText = document.getElementById("<%= txtClinicKeywords.ClientID %>").value; 
      var oRows = gvClinics.rows; 
      var rawDataRows = new Array(); 
      var cell; 
      var hdnCounterNext = document.getElementById("<%= hdnCounterNext.ClientID %>").value; 
      for (var i = hdnCounterNext; i < oRows.length; i++) { 
       var cell = gvClinics.rows[i].cells[3]; 
       if (cell.innerHTML.indexOf(FindText) !== -1) { 
        alert("found at " + i); 
        document.getElementById("<%= hdnCounterNext.ClientID %>").value = i+1 
        return false; 
       } 
      } 
     } 

甲最好的建议是高度赞赏..

由于 斯里兰卡。

Answer 1

使用scrollIntoView方法

function NextClinic() { 

      var gvClinics = document.getElementById("<%= gvClinics.ClientID %>"); 
      var FindText = document.getElementById("<%= txtClinicKeywords.ClientID %>").value; 
      var oRows = gvClinics.rows; 
      var rawDataRows = new Array(); 
      var cell; 
      var hdnCounterNext = document.getElementById("<%= hdnCounterNext.ClientID %>").value; 
      for (var i = hdnCounterNext; i < oRows.length; i++) { 
       var cell = gvClinics.rows[i].cells[3]; 
       if (cell.innerHTML.indexOf(FindText) !== -1) { 
        alert("found at " + i); 
        cell.scrollIntoView(); 
        document.getElementById("<%= hdnCounterNext.ClientID %>").value = i+1 
        return false; 
       } 
      } 
     } 

example

Answer 2

尝试获取点击的位置，然后使用ScrollTo选项将其移动到正确的位置。我认为jquery会帮助你。我认为有一些插件可以做到这一点，其中包括：http://demos.flesler.com/jquery/scrollTo/。如果你可以使用元素的位置，即使你也可以使用http://api.jquery.com/scrollTop/。