1

aspx ページにグリッド ビューがあり、ユーザーがテーブル内のデータを入力すると、グリッド ビューの上にテキスト ボックスが表示され、グリッド ビューがフィルター処理されます。グリッドの各セルをトラバースし、値が同じかどうかを確認し、非表示にしない場合は値を確認します。これで、この作業を 1 列だけで実行できるコードができました。1 列のすべての行をトラバースします。このコードを変更して、すべての列とすべての行をトラバースできるようにします。体が方法を知っているなら、私を助けてください

  $(document).ready(function () {
            //
            // Client Side Search (Autocomplete)
            // Get the search Key from the TextBox
            // Iterate through the 1st Column.
            // td:nth-child(1) - Filters only the 1st Column
            // If there is a match show the row [$(this).parent() gives the Row]
            // Else hide the row [$(this).parent() gives the Row]

            $('#filter').keyup(function (event) {
                var searchKey = $(this).val();
                var a = $('#gvwHuman_ctl00');
                var b = a.attr.length;

              $("#gvwHuman_ctl00 tr td:nth-child("2")").each(function () {
                    var cellText = $(this).text();
                    if (cellText.indexOf(searchKey) >= 0) {
                        $(this).parent().show();
                    }
                    else {
                        $(this).parent().hide();
                    }

                });

            });
        });

とその私のテーブル構造私は rad グリッド Telerik コンポーネントを使用しますが、グリッド ビューと同じです

 <table id="gvwHuman_ctl00" class="rgMasterTable rgClipCells" border="0" style="width:100%;table-layout:fixed;overflow:hidden;empty-cells:show;">
    <colgroup>
    <thead>
    <tr>
    <th class="rgResizeCol rgHeader" scope="col"> </th>
    <th class="rgHeader" scope="col" title="Drag to group or reorder" style="cursor: move;">کد</th>
    <th class="rgHeader" scope="col">
    <a href="javascript:__doPostBack('gvwHuman$ctl00$ctl02$ctl01$ctl00','')" title="Click here to sort">نام</a>
    </th>
    <th class="rgHeader" scope="col">
    <a href="javascript:__doPostBack('gvwHuman$ctl00$ctl02$ctl01$ctl01','')" title="Click here to sort">هزینه</a>
    </th>
    </tr>
    <tr class="rgFilterRow" style="font-family: Tahoma; display: none;">
    </thead>
    <tfoot>
    <tr class="rgPager" valign="middle" style="font-family: Tahoma;">
    <td colspan="4">
    <table border="0" style="width:100%;border-spacing:0;" summary="Data pager which controls on which page is the RadGrid control.">
    <caption>
    <thead>
    <tbody>
    <tr>
    <td class="rgPagerCell NextPrevAndNumeric">
    <div class="rgWrap rgArrPart1">
    <div class="rgWrap rgNumPart">
    <div class="rgWrap rgArrPart2">
    <div class="rgWrap rgAdvPart">
    <span id="gvwHuman_ctl00_ctl03_ctl01_ChangePageSizeLabel" class="rgPagerLabel">سایز صفحه</span>
    <div id="gvwHuman_ctl00_ctl03_ctl01_PageSizeComboBox" class="RadComboBox RadComboBox_WebBlue RadComboBox_rtl RadComboBox_WebBlue_rtl" style="width:46px;">
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tfoot>
    <tbody>
    </table>
4

0 に答える 0