Javascript 在ASP.Net中的另一个Jquery之后调用Jquery函数

我有两个JQuery函数，都适用于ASP.Net中的Gridview

1。用于固定Gridview标题和创建自动滚动条的函数

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script src="jquery/JQueryUICalendar/js/gridviewScroll.min.js"  type="text/javascript"></script>

<script type="text/javascript">
    var $160 = jQuery.noConflict();
    $160(document).ready(function () {
        gridviewScroll();
    });

    function gridviewScroll() {
        $160('#<%=grdTenant.ClientID%>').gridviewScroll({
            width: 1080,
            height: 340,
          // freezesize: 2, //kung gusto mag free yung column enable this pls
            //IsInUpdatePanel: true
           arrowsize: 30,
           varrowtopimg: "images/arrowvt.png",
           varrowbottomimg: "images/arrowvb.png",
           harrowleftimg: "images/arrowhl.png",
           harrowrightimg: "images/arrowhr.png"
        });
    }

</script>

var$160=jQuery.noConflict（）；
$160（文件）。准备就绪（功能（）{
gridviewScroll（）；
});
函数gridviewScroll（）{
$160（“#”）。gridviewScroll({
宽度：1080，
身高：340，
//冻结大小：2，//kung gusto mag free yung列启用此pls
//IsInUpdate面板：true
箭头尺寸：30，
varrowtopimg：“images/arrowvt.png”，
varrowbottomimg：“images/arrowvb.png”，
harrowleftimg：“images/arrowhl.png”，
harrowrightimg：“images/arrowhr.png”
});
}

2。使用文本框中的按键事件在gridview中自动筛选记录的功能。

 var $KeyPressSearch = jQuery.noConflict();
function filter2(phrase, _id) {

var words = phrase.value.toLowerCase().split(" ");
var table = document.getElementById(_id);

var ele;
for (var r = 1; r < table.rows.length; r++) {
ele = table.rows[r].innerHTML.replace(/<[^>]+>/g, "");
var displayStyle = 'none';
for (var i = 0; i < words.length; i++) {
if (ele.toLowerCase().indexOf(words[i]) >= 0)
displayStyle = '';
else {
displayStyle = 'none';
break;
}
}
table.rows[r].style.display = displayStyle;

}

var$KeyPressSearch=jQuery.noConflict（）；
函数过滤器2（短语，_id）{
var words=phrase.value.toLowerCase（）.split（“”）；
var table=document.getElementById（_id）；
var-ele；
对于（var r=1；r/g，“”）；
var displayStyle='none'；
for（var i=0；i=0）
displayStyle=''；
否则{
displayStyle='none'；
打破
}
}
table.rows[r].style.display=displayStyle；
}

在输入文本框中输入和

  <input id="txtTerm" name="txtTerm" onkeyup="filter2(this, '<%=grdTenant.ClientID %>')" type="text"   size="40"  />

问题：

每次我使用文本框进行搜索时，按键时，记录都会被过滤，但gridview本身的格式会变得杂乱无章和不对齐请参见下图

解决方案：

我试图做的是在每次执行第二个函数（按键搜索）时重新应用第一个函数

 <input id="txtTerm" name="txtTerm" onkeyup="filter2(this, '<%=grdTenant.ClientID %>')" type="text"   size="40" onclick="gridviewScroll()" />

我所做的是在输入文本中包含一个onclick属性并调用gridviewscroll函数，但它仍然无法成功运行。其他选项包括：

也许它应该再次出现在按键事件上而不是onclick上

或者将代码直接包含在jquery函数中并使其成为一个

非常需要您的专家建议。提前谢谢。

得到了答案

我加入了两个javascript函数。首先，我将第一个javascript代码放入一个函数中，然后在第二个函数中调用它。请参阅代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script src="jquery/JQueryUICalendar/js/gridviewScroll.min.js"  type="text/javascript"></script>


<script type="text/javascript">

    function callGridviewScroll() {
        var $160 = jQuery.noConflict();
        $160(document).ready(function () {
            gridviewScroll();
        });

        function gridviewScroll() {
            $160('#<%=grdTenant.ClientID%>').gridviewScroll({
                width: 1080,
                height: 340,
                // freezesize: 2, //kung gusto mag free yung column enable this pls
                //IsInUpdatePanel: true
                arrowsize: 30,
                varrowtopimg: "images/arrowvt.png",
                varrowbottomimg: "images/arrowvb.png",
                harrowleftimg: "images/arrowhl.png",
                harrowrightimg: "images/arrowhr.png"
            });
        }


</script>


      <script type="text/javascript">
          var $KeyPressSearch = jQuery.noConflict();
          function filter2(phrase, _id) {

              var words = phrase.value.toLowerCase().split(" ");
              var table = document.getElementById(_id);

              var ele;
              for (var r = 1; r < table.rows.length; r++) {
                  ele = table.rows[r].innerHTML.replace(/<[^>]+>/g, "");
                  var displayStyle = 'none';
                  for (var i = 0; i < words.length; i++) {
                      if (ele.toLowerCase().indexOf(words[i]) >= 0)
                          displayStyle = '';
                      else {
                          displayStyle = 'none';
                          break;
                          callGridviewScroll();

                      }

                  }
                  table.rows[r].style.display = displayStyle;

              }

              var lblTotalDSRdata = $KeyPressSearch("#grd tr").length;

          }




</script>

函数callGridviewScroll（）{
var$160=jQuery.noConflict（）；
$160（文件）。准备就绪（功能（）{
gridviewScroll（）；
});
函数gridviewScroll（）{
$160（“#”）。gridviewScroll({
宽度：1080，
身高：340，
//冻结大小：2，//kung gusto mag free yung列启用此pls
//IsInUpdate面板：true
箭头尺寸：30，
varrowtopimg：“images/arrowvt.png”，
varrowbottomimg：“images/arrowvb.png”，
harrowleftimg：“images/arrowhl.png”，
harrowrightimg：“images/arrowhr.png”
});
}
var$KeyPressSearch=jQuery.noConflict（）；
函数过滤器2（短语，_id）{
var words=phrase.value.toLowerCase（）.split（“”）；
var table=document.getElementById（_id）；
var-ele；
对于（var r=1；r/g，“”）；
var displayStyle='none'；
for（var i=0；i=0）
displayStyle=''；
否则{
displayStyle='none'；
打破
callGridviewScroll（）；
}
}
table.rows[r].style.display=displayStyle；
}
var lblTotalDSRdata=$KeyPressSearch（“#grd tr”）。长度；
}

---

因此，解决了在对gridview标题中的记录执行自动筛选搜索时修复gridview标题的问题，而无需重新调整列和整体格式。希望它也能帮助其他人。

尝试放置

gridviewScroll（）

在过滤器2的最后一行？好的，我会的。为什么要否决投票？嗨@BenG我试过了，它有点改进，但列仍然没有对齐。