JavaFX中的搜索条制作

Question

我有一段使用JavaFX编写的代码，它创建了一个TableView并插入了另一个文件中给定的数据。我想实现一个搜索栏，在GUI中搜索表格，并显示匹配项。有什么方向吗？

编辑：我知道这个问题很广泛，我并不期望得到精确的答案，我只是在寻找方向。

- Emmy

---

欢迎来到StackOverflow。你的问题对于这个论坛来说太过宽泛了，这个论坛更倾向于精确和具体的问题，并且需要有明确的答案。我建议你去[导览]页面并查看网站的[帮助]部分，以便发布有助于该网站的问题。（话虽如此，你可以看看http://code.makery.ch/blog/javafx-8-tableview-sorting-filtering/，这是一个流行的教程，涵盖了你所询问的功能。）如果你遇到困难，请尝试实现你想要做的功能，并发布具有代码的具体问题。 - James_D

我同意詹姆斯的观点。你的问题太过宽泛。我通常使用 ChoiceBox 和 TextField。ChoiceBox 允许我选择要搜索的表列，而 TextField 则执行搜索操作。我还使用 FilteredList 来设置表项。 - SedJ601

Answer 1

这是一个我从这里修改的示例应用程序。

我改变了该应用程序来使用ChoiceBox，TextField和FilteredList来过滤 TableView。 基于ChoiceBox的当前值，TextField的onKeyReleased执行过滤操作。

代码中有注释。

import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.collections.transformation.FilteredList;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ChoiceBox;
import javafx.scene.control.Label;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.text.Font;
import javafx.stage.Stage;

public class TableViewSample extends Application
{

    private TableView<Person> table = new TableView<Person>();
    private final ObservableList<Person> data
            = FXCollections.observableArrayList(
                    new Person("Jacob", "Smith", "[e-mail]"),
                    new Person("Isabella", "Johnson", "[e-mail]"),
                    new Person("Ethan", "Williams", "[e-mail]"),
                    new Person("Emma", "Jones", "[e-mail]"),
                    new Person("Michael", "Brown", "[e-mail]")
            );

    public static void main(String[] args)
    {
        launch(args);
    }

    @Override
    public void start(Stage stage)
    {
        Scene scene = new Scene(new Group());
        stage.setTitle("Table View Sample");
        stage.setWidth(450);
        stage.setHeight(550);

        final Label label = new Label("Address Book");
        label.setFont(new Font("Arial", 20));

        table.setEditable(true);

        TableColumn firstNameCol = new TableColumn("First Name");
        firstNameCol.setMinWidth(100);
        firstNameCol.setCellValueFactory(
                new PropertyValueFactory<Person, String>("firstName"));

        TableColumn lastNameCol = new TableColumn("Last Name");
        lastNameCol.setMinWidth(100);
        lastNameCol.setCellValueFactory(
                new PropertyValueFactory<Person, String>("lastName"));

        TableColumn emailCol = new TableColumn("Email");
        emailCol.setMinWidth(200);
        emailCol.setCellValueFactory(
                new PropertyValueFactory<Person, String>("email"));

        FilteredList<Person> flPerson = new FilteredList(data, p -> true);//Pass the data to a filtered list
        table.setItems(flPerson);//Set the table's items using the filtered list
        table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);

        //Adding ChoiceBox and TextField here!
        ChoiceBox<String> choiceBox = new ChoiceBox();
        choiceBox.getItems().addAll("First Name", "Last Name", "Email");
        choiceBox.setValue("First Name");

        TextField textField = new TextField();
        textField.setPromptText("Search here!");
        textField.textProperty().addListener((obs, oldValue, newValue) -> {
            switch (choiceBox.getValue())//Switch on choiceBox value
            {
                case "First Name":
                    flPerson.setPredicate(p -> p.getFirstName().toLowerCase().contains(newValue.toLowerCase().trim()));//filter table by first name
                    break;
                case "Last Name":
                    flPerson.setPredicate(p -> p.getLastName().toLowerCase().contains(newValue.toLowerCase().trim()));//filter table by last name
                    break;
                case "Email":
                    flPerson.setPredicate(p -> p.getEmail().toLowerCase().contains(newValue.toLowerCase().trim()));//filter table by email
                    break;
            }
        });

        choiceBox.getSelectionModel().selectedItemProperty().addListener((obs, oldVal, newVal)
                -> {//reset table and textfield when new choice is selected
            if (newVal != null) {
                textField.setText("");
            }
        });

        HBox hBox = new HBox(choiceBox, textField);//Add choiceBox and textField to hBox
        hBox.setAlignment(Pos.CENTER);//Center HBox
        final VBox vbox = new VBox();
        vbox.setSpacing(5);
        vbox.setPadding(new Insets(10, 0, 0, 10));
        vbox.getChildren().addAll(label, table, hBox);

        ((Group) scene.getRoot()).getChildren().addAll(vbox);

        stage.setScene(scene);
        stage.show();
    }

    public static class Person
    {
        private final SimpleStringProperty firstName = new SimpleStringProperty();
        private final SimpleStringProperty lastName = new SimpleStringProperty();
        private final SimpleStringProperty email = new SimpleStringProperty();

        private Person(String fName, String lName, String email)
        {
            this.firstName.setValue(fName);
            this.lastName.setValue(lName);
            this.email.setValue(email);
        }

        public String getFirstName()
        {
            return firstName.get();
        }

        public void setFirstName(String fName)
        {
            firstName.set(fName);
        }
        
        public SimpleStringProperty getFirstNameProperty()
        {
            return firstName;
        }
        
        public String getLastName()
        {
            return lastName.get();
        }

        public void setLastName(String fName)
        {
            lastName.set(fName);
        }

        public SimpleStringProperty getLastNameProperty()
        {
            return lastName;
        }
        
        public String getEmail()
        {
            return email.get();
        }

        public void setEmail(String fName)
        {
            email.set(fName);
        }
        
        public SimpleStringProperty getEmailProperty()
        {
            return email;
        }
    }
}

更新于2021年1月8日。现在使用TextProperty替代KeyListener来设置过滤结果的谓词。

- SedJ601

---

@kleopatra，你有什么建议？ - SedJ601

@kleopatra，谢谢！我有机会时会更新答案。 - SedJ601

只是为了澄清（在手机上打字有点困难）- 解决方案本身（使用filteredList并更新其谓词）是可以的，只是触发器不正确：键处理程序仅捕获键事件（惊喜<g>），而不是其他更改文本的方式。这可以在复选框上的代码中看到：您必须显式将谓词与文本一起设置为null，因为程序化更改文本没有效果。如果您侦听textProperty，则可以删除显式重置谓词的操作。 - kleopatra

为什么有 table.setEditable(true);？这是必要的吗？ - Lukas

@Lukas，这段代码是从这里复制的。他们可能正在演示需要表格可编辑的内容。对于这种情况，这并不是必要的。 - SedJ601

这里有一个更好的链接：https://docs.oracle.com/javase/8/javafx/user-interface-tutorial/table-view.htm#JFXUI271。 - SedJ601