Nhận hàng đã chọn trong bảng JavaScript

Mỗi khi sự kiện 'thay đổi lựa chọn' của bảng được kích hoạt, nó sẽ cung cấp danh sách các hàng được thêm hoặc xóa khỏi lựa chọn. Vì vậy, sau khi bạn thiết lập FeatureTable, hãy thiết lập theo dõi sự kiện đó, chẳng hạn như

// Get the FeatureLayer's layerView and listen for the table's selection-change event
// Here I'm maintaining a list of features for use elsewhere
let lstFeatures = [];
aFTable.on["selection-change", function [changes] {
    var idxItem = 1;
    // If the selection is removed, remove the feature from the array
    changes.removed.forEach[function [item] {
        const data = lstFeatures.find[function [data] {
            return data.feature === item.feature;
        }];
        if [data] {                    
            lstFeatures.splice[lstFeatures.indexOf[data], 1];
        }
    }];

    // If the selection is added, push all added selections to array
    changes.added.forEach[function [item] {
        const feature = item.feature;
        lstFeatures.push[{
            feature: feature
        }];
    }];
    zoomToSelectedFeature[aLayer, lstFeatures, aView];
}];

❮ Đối tượng bảng

Ví dụ

Tìm xem có bao nhiêu hàng trong một bảng

var x = tài liệu. getElementById["myTable"]. hàng. chiều dài;

Kết quả của x sẽ là

Tự mình thử »

Thêm các ví dụ "Tự mình thử" bên dưới

Định nghĩa và cách sử dụng

Bộ sưu tập các hàng trả về một bộ sưu tập tất cả các phần tử trong một bảng

Ghi chú. Các thành phần trong bộ sưu tập được sắp xếp như chúng xuất hiện trong mã nguồn

Mẹo. Sử dụng phương thức insertRow[] để tạo một hàng mới []

Mẹo. Sử dụng phương thức deleteRow[] để xóa một hàng

Mẹo. Sử dụng phương thức insertCell[] để tạo một ô mới[]

Mẹo. Sử dụng phương thức deleteCell[] để xóa một ô

Mẹo. Sử dụng tập hợp ô để trả về tập hợp tất cả hoặc thành phần trong bảng

Hỗ trợ trình duyệt

Bộ sưu tậphàngCóCóCóCóCó

cú pháp

Tính chất

các yếu tố trong bộ sưu tập

Ghi chú. Thuộc tính này là chỉ đọc

Thuộc tínhDescriptionlengthTrả về số

phương pháp

phần tử từ bộ sưu tập với chỉ mục được chỉ định [bắt đầu từ 0]

Ghi chú. Trả về null nếu số chỉ mục nằm ngoài phạm vi

phần tử từ bộ sưu tập với chỉ mục được chỉ định [bắt đầu từ 0]

Ghi chú. Trả về null nếu số chỉ mục nằm ngoài phạm vi

phần tử từ bộ sưu tập với id được chỉ định

Ghi chú. Trả về null nếu id không tồn tại

MethodDescription[index]Trả về mục[chỉ mục]Trả về tên mục[id]Trả về

chi tiết kỹ thuật

các phần tử trong Phiên bản DOM. Giá trị trả về đối tượng tài liệu cấp 2 cốt lõi. Đối tượng HTMLCollection, đại diện cho phần tử. Các thành phần trong bộ sưu tập được sắp xếp như chúng xuất hiện trong mã nguồn

Thêm ví dụ

Ví dụ

[mục lục]

Cảnh báo InternalHTML của phần tử đầu tiên [chỉ số 0] trong bảng

cảnh báo [tài liệu. getElementById["myTable"]. hàng[0]. bên trongHTML;

Tự mình thử »

Ví dụ

mục [chỉ mục]

Cảnh báo InternalHTML của phần tử đầu tiên [chỉ số 0] trong bảng

cảnh báo [tài liệu. getElementById["myTable"]. hàng. mục[0]. InternalHTML];

Tự mình thử »

Ví dụ

tênItem[id]

Cảnh báo InternalHTML của phần tử có id="myRow" trong bảng

cảnh báo [tài liệu. getElementById["myTable"]. hàng. tênItem["myRow"]. InternalHTML];

Tự mình thử »

Ví dụ

Thay đổi nội dung ô đầu tiên của bảng

var x = tài liệu. getElementById["myTable"]. hàng[0]. ô;
x[0]. innerHTML = "NỘI DUNG MỚI";

Tự mình thử »

Trang liên quan

tài liệu tham khảo HTML. thẻ HTML

Tham chiếu JavaScript. HTML DOM Đối tượng TableRow

❮ Đối tượng bảng
Người dùng1281381861 đã đăng

Nếu bạn muốn tại CLICK hàng

Sống. http. //jsbin. com/ihaqe6

    

    
        .row-highlight
        {
            background-color: Yellow;
        }
    

    
        $[function[] {
            var message = $['#message'];
            var tr = $['#tbl'].find['tr'];
            tr.bind['click', function[event] {
                var values = '';
                tr.removeClass['row-highlight'];
                var tds = $[this].addClass['row-highlight'].find['td'];
                
                $.each[tds, function[index, item] {
                    values = values + 'td' + [index + 1] + ':' + item.innerHTML + '
';
                }];
                message.html[values];

            }];
        }];
        
    



    
    

        

            

                1
            
            

                a
            
        
        

            

                2
            
            

                b
            
        
        

            

                3
            
            

                c
            
        
    
    

    

    
    

Nếu bạn muốn tại MOUSEHOVER.
Trực tiếp. http. //jsbin. com/erega4

Mã.

    

    
        .row-highlight
        {
            background-color: Yellow;
        }
    

    
        $[function[] {
            var message = $['#message'];
            var tr = $['#tbl'].find['tr'];

            tr.hover[
                 function[] {  // mouseover
                     $[this].addClass['row-highlight'];
                     var values = '';
                     var tds = $[this].find['td'];

                     $.each[tds, function[index, item] {
                         values = values + 'td' + [index + 1] + ':' + item.innerHTML + '
';
                     }];
                     message.html[values];
                 },
                 function[] {  // mouseout
                     $[this].removeClass['row-highlight'];
                     message.html[''];
                 }
            ];
        }];
        
    



    
    

        

            

                1
            
            

                a
            
        
        

            

                2
            
            

                b
            
        
        

            

                3
            
            

                c
            
        
    
    

    

    
    

Làm cách nào để lấy hàng đã chọn của bảng trong js?

Làm cách nào để lấy dữ liệu hàng đã chọn từ DataTable trong JavaScript?

Làm cách nào để lấy dữ liệu hàng của bảng trong JavaScript title?

Làm cách nào để có được hàng hiện tại trong JavaScript?