gridview的行项目失准头 [英] Gridview Rows Items Misalignment to Header

问题描述

请第一次看到图片

排项目头错开发生在文本备案搜索键preSS事件之后。它的工作原理使用javascript使用这种code

Misaligning of row items to header happens after keypress event in textbox for record searching takes place. It works using javascript using this code

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 lblTotalDSRdata = $KeyPressSearch("#grd tr").length;
}

这只是发生在GridView的使用jQuery注入codeS用于固定头部。那些不使用其他GridView的，一切工作正常。

this only happens to gridviews with jquery injected codes used to fixate the header. to other gridviews that do not use, all works fine.

因此​​，要解决这个gridview的头，我从这个链接 HTTP应用教程：//gridviewscroll.aspcity.idv。 TW / （基本）

So to fix the gridview header I apply the tutorial from this link http://gridviewscroll.aspcity.idv.tw/ (Basic)

[！[此处输入的形象描述] [3] [3]

[![enter image description here][3]][3]

推荐答案

都加入jQuery的脚本到一个才是关键。

Joining both jquery scripts into one is the key.

<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"
            });
        }

        $KeyPressSearch = jQuery.noConflict();
        function filter2(phrase, _id) {
            $160('[id*=' + _id + '] tr:not(:has(th))').each(function (i, e) {
                if (i != 0) {
                    $160(e).find('td').each(function (j, el) {
                        var div = $160('[id*=' + _id + '] tr:not(:has(th))').eq(0).find('td').eq(j).find('div').clone();
                        var val = $160(el).html();
                        $160(el).html("");
                        $160(el).append($160($160(div).html(val)))
                    });
                }
            });
            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 lblTotalDSRdata = $KeyPressSearch("#grdTenant tr").length;
        }

</script>

这篇关于gridview的行项目失准头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！