JavaFX 表格数据显示简单Demo

最近业务需求，需要点击一个按钮然后显示数值，初涉JavaFX，查看了相关的文档，简单的做了一个Demo

1、首先用Java secene builder做出一个页面，页面如下：

设置好各个组件的fx：id。如下所示：

    @FXML
    private ResourceBundle resources;

    @FXML
    private URL location;

    @FXML
    private TableColumn<MaterialInfo, String> codeCol;

    @FXML
    private TableColumn<MaterialInfo, String> createDateCol;

    @FXML
    private TableView<MaterialInfo> dataTable; //tableView

    @FXML
    private TableColumn<MaterialInfo, String> isActiveCol;

    @FXML
    private TableColumn<MaterialInfo, String> nameCol;

    @FXML
    private Label nowDate;

    @FXML
    private TableColumn<MaterialInfo, String> seqnumCol;

    @FXML
    private TableColumn<MaterialInfo, String> shortCodeCol;

    @FXML
    private Button showData;

    @FXML
    private Button udateDate;

    private List<MaterialInfo> materialList = new ArrayList<MaterialInfo>(); //放置数据的集合
    
    

    ObservableList<MaterialInfo> list = FXCollections.observableArrayList(); //javaFX 的数据集合

初始化该Sence，其中定义的MterialInfo是放置每列的，具体如下：

private SimpleStringProperty num;
    private SimpleStringProperty name;
    private SimpleStringProperty code;
    private SimpleStringProperty shortCode;
    
    private SimpleStringProperty isActive;
    private SimpleStringProperty createDate;
    
    public String getNum(){
        return num.get();
    }
    
    public String getName(){
        return name.get();
    }
    
    public String getCode(){
        return code.get();
    }
    
    public String getShortCode(){
        return shortCode.get();
    }
    
    public String getIsActive(){
        return isActive.get();
    }
    
    public String getCreateDate(){
        return createDate.get();
    }
    
    public ObservableValue<String> numProperty(){
        return num;
    }
    public ObservableValue<String> nameProperty(){
        return name;
    }
    public ObservableValue<String> codeProperty(){
        return code;
    }
    public ObservableValue<String> shortCodeProperty(){
        return shortCode;
    }
    public ObservableValue<String> isActiveProperty(){
        return isActive;
    }
    public ObservableValue<String> createDateProperty(){
        return createDate;
    }
    
    public void setNum(String num){
        this.num = new SimpleStringProperty(num);
        
    }
    public void setName(String name){
        this.name = new SimpleStringProperty(name);
        
    }
    public void setCode(String code){
        this.code = new SimpleStringProperty(code);
        
    }
    public void setShortCode(String shortCode){
        this.shortCode = new SimpleStringProperty(shortCode);
        
    }
    public void setIsActive(String isActive){
        this.isActive = new SimpleStringProperty(isActive);
        
    }    
    public void setCreateDate(String createDate){
        this.createDate = new SimpleStringProperty(createDate);
        
    }
    

然后初始化Sence

@Override
    public void initialize(URL location, ResourceBundle resources) {
        Date date = new Date();
        String now = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(date);
        nowDate.setText(now);
        dataTable.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);
        configTableView();
        initButton();
    }

/**
     * 配置表格，绑定表格的每列
     */
    private void configTableView() {
        seqnumCol.setCellValueFactory(new PropertyValueFactory<MaterialInfo,String>("num"));
        nameCol.setCellValueFactory(new PropertyValueFactory<MaterialInfo,String>("name"));
        codeCol.setCellValueFactory(new PropertyValueFactory<MaterialInfo,String>("code"));
        shortCodeCol.setCellValueFactory(new PropertyValueFactory<MaterialInfo,String>("shortCode"));
        isActiveCol.setCellValueFactory(new PropertyValueFactory<MaterialInfo,String>("isActive"));
        createDateCol.setCellValueFactory(new PropertyValueFactory<MaterialInfo,String>("createDate"));
        dataTable.setItems(list);
    }

    /**
     * 初始化按钮功能，绑定按钮的事件
     */
    private void initButton() {
        
        showData.setOnAction(new EventHandler<ActionEvent>() {
            
            @Override
            public void handle(ActionEvent arg0) {
                dataTable.getItems().clear();
                showData();
            }
        });
        udateDate.setOnAction(new EventHandler<ActionEvent>() {

            @Override
            public void handle(ActionEvent arg0) {
                updateData();//该方法还没有做，以后补上
            }
            
            
        });
    }


    protected void updateData() {
        // TODO Auto-generated method stub
        
    }

    /**
     * 展示数据
     */
    protected void showData() {
        if(generateDate()!=null){
            materialList = generateDate();
        }
        System.out.println(materialList.size()+"----"+materialList.get(0).getName());
        list.addAll(materialList);
        dataTable.setItems(list);
    }

    /**
     * 生成数据
     * @return
     */
    private List<MaterialInfo> generateDate() {
        List<MaterialInfo> miList = new ArrayList<MaterialInfo>();
        String name = "material";
        String code = "1101";
        String shortCode = "A";
        String isActive = "是";
        Date date = new Date();
        String nowDate = new SimpleDateFormat("yyyy-MM-dd HH:mm:").format(date);
        for(int i=0;i<10;i++){
            MaterialInfo mi = new MaterialInfo();
            mi.setNum(i+1+"");
            mi.setName(name+i);
            mi.setCode(code+i);
            mi.setIsActive(isActive);
            mi.setShortCode(shortCode+i);
            mi.setCreateDate(nowDate+i);
            miList.add(mi);
        }
        return miList;
    }

至此结束，程序运行成功。效果图如下所示：