@HuyDQ
Bạn ơi, nhưng mà bên api họ trả về chỉ có 20 item một lần gọi thôi.
Cứ cho rằng làm theo cách của bạn implement thêm chức năng search được để filter bớt nhưng nếu search rồi mà kq của trường search đó vẫn nhiều hơn 20 item thì vẫn phải cần load-more bạn ơi
@wiliamfeng ý mình là với trường hợp bạn có nhiều dữ liệu cho việc select như thế thì bạn nên để nó dạng Search-Select vì thực tế chẳng user nào muốn scroll mấy chục item chỉ để tìm được cái option mong muốn cả mà thay vào đó họ chỉ gõ 2-3 char và API của bạn nên hiển thị ra list các option phù hợp với cái mà user mong muốn. Bạn có thể tham khảo chỗ này https://ant.design/components/select/#components-select-demo-select-users
tks bạn, trường hợp của mình nó lại là Select bình thường chứ không có search bạn à.
Và do bên API mỗi lần gọi họ chỉ trả đúng 20 item nên mình phải làm thêm cái load-more bằng infinite scroll
@wiliamfeng khi render ra thì thực tế component của bạn nó cũng là HTML thông thường. Bạn có thể gán thêm class hoặc id cho cái box select đó và từ đó bạn có thể lấy dom theo kiểu:
document.getElementById('some-id')
Từ đầy bạn sẽ tính chiều cao của cái select box đó và tạo ra 1 event lắng nghe sự kiện scroll với dom nói trên và goji API thôi bạn có thể xem ví dụ về lắng nghe event scroll tại đây https://codesandbox.io/s/vibrant-engelbart-qtccs. Tuy nhiên mình không rõ bạn định làm như nào nhưng thông thường áp dụng infinity scroll với select box có vẻ không hợp lý cho lắm mà ở đây mình nghĩ bạn nên làm theo kiểu cho người dùng search theo key word và nó hiển thị ra cái select box theo keyword người dùng tìm thì có vẻ hợp lý hơn.
tks bạn, mình đang bị bí chỗ bắt sự kiện scroll đó bạn.
Về sự kiện nó cung cấp cho mình sẵn cái onPopupScroll nhưng mình chưa biết tìm cách nào để bắt được khi scroll đến bottom để gọi tiếp api
THẢO LUẬN
hình như có tác dụng với margin, padding thôi mà bác
tiếc quá mình ko biết asp.net :v
bài viết rất hay và đầy đủ, cảm ơn tác giả. Mong được anh chỉ giáo thêm
quá siêu, cảm ơn ông toằn vi lóc. ông toằn vi lóc cho hỏi mình thêm hướng đi ntn để hết rè nhỉ?
haizzz bây giờ mới biết bài viết này là của anh :


cảm ơn bạn
Tức là mình cũng chỉ tính được một cách tương đối trường hợp kéo đến cuối cùng thôi chứ không chính xác được à bạn.
Để mình thử áp dụng cách của bạn xem nhé, thank bạn nhiều nha
Em có một vài vấn đề cần hỏi ko biết anh có thể giải đáp ko ạ?
Mấy bữa mình cũng ddnag vướng chỗ import { } hay import không co ngoặc. Cám ơn bác đã giải thích ạ
dd cái current user hiện tại thì thấy có rồi mà.
yes
ở function store chưa có chỗ nào update dữ liệu vào gg sheet thì sao lại ra kết quả dc ạ
@HuyDQ Bạn ơi, nhưng mà bên api họ trả về chỉ có 20 item một lần gọi thôi.
Cứ cho rằng làm theo cách của bạn implement thêm chức năng search được để filter bớt nhưng nếu search rồi mà kq của trường search đó vẫn nhiều hơn 20 item thì vẫn phải cần load-more bạn ơi
@wiliamfeng ý mình là với trường hợp bạn có nhiều dữ liệu cho việc select như thế thì bạn nên để nó dạng Search-Select vì thực tế chẳng user nào muốn scroll mấy chục item chỉ để tìm được cái option mong muốn cả mà thay vào đó họ chỉ gõ 2-3 char và API của bạn nên hiển thị ra list các option phù hợp với cái mà user mong muốn. Bạn có thể tham khảo chỗ này https://ant.design/components/select/#components-select-demo-select-users
@HuyDQ Mình vẫn chưa giải quyết được bạn à, bạn có thể ví dụ trực tiếp với thằng Select của Antd giúp mình với được không ?
tks bạn, trường hợp của mình nó lại là
Selectbình thường chứ không có search bạn à. Và do bên API mỗi lần gọi họ chỉ trả đúng 20 item nên mình phải làm thêm cái load-more bằng infinite scroll@wiliamfeng khi render ra thì thực tế component của bạn nó cũng là HTML thông thường. Bạn có thể gán thêm class hoặc id cho cái box select đó và từ đó bạn có thể lấy dom theo kiểu:
Từ đầy bạn sẽ tính chiều cao của cái select box đó và tạo ra 1 event lắng nghe sự kiện scroll với dom nói trên và goji API thôi bạn có thể xem ví dụ về lắng nghe event scroll tại đây https://codesandbox.io/s/vibrant-engelbart-qtccs. Tuy nhiên mình không rõ bạn định làm như nào nhưng thông thường áp dụng
infinity scrollvới select box có vẻ không hợp lý cho lắm mà ở đây mình nghĩ bạn nên làm theo kiểu cho người dùng search theo key word và nó hiển thị ra cái select box theo keyword người dùng tìm thì có vẻ hợp lý hơn.for node in parsedXML.getroot().iter('object'): blood_cells = node.find('name').text xmin = int(node.find('bndbox/xmin').text) xmax = int(node.find('bndbox/xmax').text) ymin = int(node.find('bndbox/ymin').text) ymax = int(node.find('bndbox/ymax').text)
row = [prev_filename, blood_cells, xmin, xmax, ymin, ymax] df.append(row) cnt += 1
đoạn này chỉ lấy cái object cuối cùng thôi ạ ???? vô lí nhỉ
Cảm ơn anh, rất hữu ích ạ.
tks bạn, mình đang bị bí chỗ bắt sự kiện scroll đó bạn. Về sự kiện nó cung cấp cho mình sẵn cái
onPopupScrollnhưng mình chưa biết tìm cách nào để bắt được khi scroll đến bottom để gọi tiếp api