Cách đặt id hàng của bảng trong JavaScript
Thực sự hy vọng ai đó có thể giúp tôi ở đây. Tôi vẫn là người mới sử dụng JS và đã vật lộn với điều này trong hai ngày qua. Đây là ứng dụng dành cho thiết bị di động được xây dựng bằng Framework7 Show Tôi đang tự động xây dựng một bảng html với dữ liệu JSON và tôi đang cố lấy ID hàng khi một hàng của bảng được nhấp vào. Cho đến nay mã của tôi như sau (tôi đã bao gồm các nhận xét)
Bảng động được xây dựng không có vấn đề gì và bảng điều khiển hiển thị rằng mỗi hàng có một ID Tuy nhiên, khi tôi nhấp vào bất kỳ hàng nào trong bảng, bảng điều khiển sẽ tiếp tục ghi ID cho hàng đầu tiên. Có ai có một giải pháp khả thi cho việc này không? Kiếm thu nhập với kỹ năng HTML của bạn Đăng ký và chúng tôi sẽ gửi cho bạn những cơ hội làm việc tự do tốt nhất ngay trong hộp thư đến của bạn. Theo mặc định, Trình chỉnh sửa sẽ sử dụng thuộc tính Ví dụ bên dưới, với
Javascript hiển thị bên dưới được sử dụng để khởi tạo bảng được hiển thị trong ví dụ này var editor; // use a global for the submit and return data rendering in the examples $(document).ready(function() { editor = new $.fn.dataTable.Editor( { "ajax": "../../controllers/jsonId.php", "table": "#example", "idSrc": "id", "fields": [ { "label": "First name:", "name": "first_name" }, { "label": "Last name:", "name": "last_name" }, { "label": "Position:", "name": "position" }, { "label": "Office:", "name": "office" }, { "label": "Extension:", "name": "extn" }, { "label": "Start date:", "name": "start_date", "type": "datetime" }, { "label": "Salary:", "name": "salary" } ] } ); $('#example').DataTable( { dom: "Bfrtip", ajax: "../../controllers/jsonId.php", columns: [ { data: null, render: function ( data, type, row ) { // Combine the first and last names into a single table field return data.first_name+' '+data.last_name; } }, { data: "position" }, { data: "office" }, { data: "extn" }, { data: "start_date" }, { data: "salary", render: $.fn.dataTable.render.number( ',', '.', 0, '$' ) } ], select: true, buttons: [ { extend: "create", editor: editor }, { extend: "edit", editor: editor }, { extend: "remove", editor: editor } ] } ); } ); Ngoài đoạn mã trên, các tệp thư viện Javascript sau được tải để sử dụng trong ví dụ này HTML được hiển thị bên dưới là phần tử bảng HTML thô, trước khi nó được DataTables nâng cao Ví dụ này sử dụng một chút CSS bổ sung ngoài nội dung được tải từ các tệp thư viện (bên dưới), để hiển thị chính xác bảng. CSS bổ sung được sử dụng được hiển thị bên dưới Các tệp thư viện CSS sau đây được tải để sử dụng trong ví dụ này nhằm cung cấp kiểu dáng của bảng Bảng này tải dữ liệu bằng Ajax. Dữ liệu mới nhất đã được tải được hiển thị bên dưới. Dữ liệu này sẽ tự động cập nhật khi có bất kỳ dữ liệu bổ sung nào được tải Làm cách nào để lấy id hàng hiện tại trong javascript?view$; . triggerElement); . var rowId = $te. gần nhất('tr'). data('id');
Làm cách nào để lấy số hàng trong Javascript cho bảng?Để đếm số hàng, bộ chọn “#Table_Id tr” được sử dụng . Nó chọn tất cả các phần tử
Làm cách nào để tạo id bảng trong Javascript?Cú pháp. . Phương thức setAttribute() thêm thuộc tính đã chỉ định vào một phần tử và đưa ra giá trị đã chỉ định. cái bàn. setAttribute("id", "ID được tạo động") Nó cũng có thể được thực hiện bằng cách truy cập “id” của phần tử đã chọn (bảng). cái bàn. id = "ID được tạo động"; Làm cách nào để thêm id vào hàng javascript của bảng?Các hàng trong bảng của tôi có id duy nhất, ví dụ. var table = document. getElementById(f); . insertRow(); . |