Vue.js hiding of items outside current viewport

I'm making an e-commerce type menu in Vue.js, with items which are divs that contain a fair amount of functionality and images. Performance is fairly good when rendering about 200 of these items, but when more than that many are added the site begins to perform sluggishly. What's the best way to conditionally hide or remove Vue elements from the DOM if they are outside the current scrollable view (like ScrollViews in iOS)? Are there any plugins or libraries that can help with the performance of long lists of data items in Vue.js? Thanks!

2022-01-17 05:15:59    分类:问答    javascript   tableview   vue.js

如何禁用 tableView 中表列的重新排序?(How to disable the reordering of table columns in tableView?)

问题 试图弄清楚如何禁用 javafx 2 中表列的重新排序? 回答1 这是解决方案: tblView.getColumns().addListener(new ListChangeListener() { @Override public void onChanged(Change change) { change.next(); if(change.wasReplaced()) { tblView.getColumns().clear(); tblView.getColumns().addAll(column1,column2...); } } }); 回答2 在浪费了很多时间之后,我找到了以下非常简单的解决方案: TableHeaderRow header = (TableHeaderRow) myTableView.lookup("TableHeaderRow"); header.setMouseTransparent(true);

2022-01-16 13:51:11    分类:技术分享    tableview   javafx-2

如何在 JavaFX 8 中隐藏 TableView 列标题?(How to hide TableView column header in JavaFX 8?)

问题 我需要有一个可观察到的类型的一个类型,它将在一个单个列中显示在TableView中,选择后将在右侧显示其其余信息。 TableView 被包裹在 TitledPane 中,而 TitledPane 被包裹在 Accordion 中。 见下图: 正如您在这种情况下所看到的,我不想显示列标题。 我尝试按照此处的说明进行操作,导致此处: Pane header = (Pane) list.lookup("TableHeaderRow"); header.setMaxHeight(0); header.setMinHeight(0); header.setPrefHeight(0); header.setVisible(false); 但是,它似乎不适用于 JavaFX 8。lookup("TableHeaderRow") 方法返回 null,这让我认为“TableHeaderRow”选择器不再存在。 在 JavaFX 8 中删除/隐藏表头是否有更新的解决方法? 回答1 我最近遇到了隐藏列标题的问题,可以使用 css 解决它。 我创建了一个样式类: .noheader .column-header-background { -fx-max-height: 0; -fx-pref-height: 0; -fx-min-height: 0; } 并将其添加到 TableView:

2022-01-16 12:22:12    分类:技术分享    java   javafx   tableview   columnheader

How to disable the reordering of table columns in tableView?

Trying to figure out on how can i disable the reordering of table columns in javafx 2?

2022-01-16 11:35:11    分类:问答    tableview   javafx-2

如何删除 JavaFx TableView 行(How to delete a JavaFx TableView Row)

问题 我有一个 JavaFx TableView ,每行都有一个带有删除按钮的列,单击该按钮应删除 TableRow ,以及通过 Hibernate删除 H2 数据库中的相应条目。 到目前为止,我什么也没得到。 单击按钮时没有任何反应。 即使我像这样手动分配项目主键也不行: NewBeautifulKiwi toDelete = (NewBeautifulKiwi) session.get(NewBeautifulKiwi.class, 97); 请帮我完成这项工作; 单击该按钮可删除它所属的 TableRow 以及填充该特定 TableRow 的数据库项。 到目前为止,ButtonClick 上什么都没有发生。 先感谢您。 附言。 这些按钮也会在列为空的地方打印出来。 如果您帮助我解决了这个问题并且只有带有数据的行上的按钮也会有所帮助 类摘录: public class HomeController implements Initializable { @FXML public static TableView<NewBeautifulKiwi> KIWI_TABLE; @FXML private TableColumn<NewBeautifulKiwi, Object> KiwiAction; // Initializes the controller class.

2022-01-16 11:16:31    分类:技术分享    java   hibernate   javafx   tableview

How to hide TableView column header in JavaFX 8?

I need to have an observable list of a type that will be displayed in a TableView with one single column, that when selected will display the rest of its information on the right. The TableView is wrapped in a TitledPane, which is wrapped in an Accordion. See image below: As you can see in this scenario I don't want to show the Column Header. I tried following the instruction here, which leads to here: Pane header = (Pane) list.lookup("TableHeaderRow"); header.setMaxHeight(0); header.setMinHeight(0); header.setPrefHeight(0); header.setVisible(false); However, it appears to not be working for

2022-01-16 07:15:09    分类:问答    java   javafx   tableview   columnheader

How to delete a JavaFx TableView Row

I have a JavaFx TableView with each Row having a column with a delete button which when clicked should delete the TableRow, as well as the corresponding entries in the H2 database via Hibernate. So far I'm not getting anything. Nothing happens on button click. Not even if I manually assign the item Primary Key like so: NewBeautifulKiwi toDelete = (NewBeautifulKiwi) session.get(NewBeautifulKiwi.class, 97); Please help me make this work; the button click to delete the TableRow it belongs to as well as the Database items populating that particular TableRow. So far nothing happens at all on

2022-01-16 05:07:23    分类:问答    java   hibernate   javafx   tableview

展开和折叠表格视图单元格时的问题(Issue while Expanding and Collapse of Table View Cell)

问题 我在单元格中有一个按钮和一些内容。 现在,当我点击一个按钮时,我希望单元格展开和折叠,这对于点击按钮的单元格来说效果很好。 现在问题来了,当我扩展一个单元格并尝试扩展另一个单元格同时保持第一个单元格扩展时,它首先关闭前一个单元格,然后扩展我的第二个单元格。 我想平行展开和折叠单元格,并且可以折叠任何单元格而不是先折叠。 我正在单击按钮更改单元格的高度。 这是我的展开和折叠代码, extension ActiveConsultantDetailVC : UITableViewDelegate, UITableViewDataSource { func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return 5 } func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { if indexPath.row == 0 { return 100 } else if indexPath.row == 1 { return 80 } else if indexPath.row == 2 { if (flag == true && indexPath

2022-01-16 02:06:10    分类:技术分享    swift   tableview

为什么删除孩子后我的表格视图显示重复的单元格?(Why is my tableview showing duplicate cells after child is deleted?)

问题 我有一个带有表格视图的视图控制器,当用户单击单元格时,它会转到 VC2。 当用户执行了一个操作(并更新了 VC2 中的值)时,我使用self.dismiss(animated: true, completion: nil)回到带有 tableview 的 viewcontroller,但是 tableview (一旦用户返回到tableview)显示重复的行,但是在firebase中成功删除了子项,并创建了一个新的子项-但是tableview显示了未删除两次的子项。 这是VC1中的所有相关代码: class PostMessageListViewController: UIViewController, UITableViewDelegate, UITableViewDataSource { @IBOutlet weak var table: UITableView! var topicID:namePosts? let currentUserID = Auth.auth().currentUser?.uid var posts = [Post]() lazy var refresher: UIRefreshControl = { let refreshControl = UIRefreshControl() refreshControl.tintColor = .white

2022-01-16 00:11:17    分类:技术分享    ios   swift   firebase   firebase-realtime-database   tableview

从表格中隐藏选定的单元格 - Swift4(Hide Selected Cell from the Table - Swift4)

问题 我有一个列表,其中包含我从Realm数据库中查询的 4 个地点对象。 Optional(Results<Place> <0x7feaaea447c0> ( [0] Place { name = Daniel Webster Highway; country = United States; lat = 42.72073329999999; lon = -71.44301460000001; }, [1] Place { name = District Avenue; country = United States; lat = 42.48354969999999; lon = -71.2102486; }, [2] Place { name = Gorham Street; country = United States; lat = 42.62137479999999; lon = -71.30538779999999; }, [3] Place { name = Route de HHF; country = Haiti; lat = 18.6401311; lon = -74.1203939; } )) 我试图隐藏选定的一个。 前任。 当我点击Daniel Webster Highway ,我不希望它显示在我的列表中。 在 Swift 4 中如何超越并做到这一点? 代码

2022-01-15 19:01:32    分类:技术分享    ios   swift   uitableview   realm   tableview