Tôi muốn hiển thị toàn bộ bộ sưu tập trong bảng và đặt trường "tên" trong mỗi hàng tại chỗ có thể chỉnh sửa với X-editableLàm cách nào để sử dụng X-có thể chỉnh sửa trên các trường động trong mẫu Meteor?
có thể chỉnh sửa được với mỗi tên trong bảng bằng cách thêm gần đây " tùy chọn "chọn:
$('#collectionTable').editable({
selector: '.editable-click',
});
// I also need to setup a 'save' callback to update the collection...
$('a.editable-click').on('save', function(e, params) {
console.log('Saved value: ' + params.newValue);
// TBD: update the collection
});
Nhưng tôi không thể chạy một trong hai mẫu này cho đến khi hoàn thành mẫu và có sẵn nút DOM, vì vậy tôi đặt nút này vào phần trả lại" được hiển thị "của Mẫu.
Vấn đề là mỗi khi bộ sưu tập thay đổi, kết xuất được gọi, và sau đó một chỉnh sửa mới được đính kèm vào mỗi nút DOM cũng như một cuộc gọi lại khác. Điều này có nghĩa là rò rỉ bộ nhớ và nhiều cuộc gọi lại bất cứ khi nào một "tên" được lưu.
Rõ ràng tôi đang làm điều này sai, nhưng tôi không chắc nơi đúng nơi là để có thể chỉnh sửa và bật ('lưu', hàm())?
Sẽ phức tạp hơn một chút, vì có thể chỉnh sửa được trên mỗi nút DOM. Vì vậy, tôi sẽ phải lặp qua từng nút và kiểm tra trạng thái của nó trước khi chạy có thể chỉnh sửa và bật ('lưu'). Đó là một giải pháp; Tôi không chắc đó có phải là tốt nhất không. – jpeskin