Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing

JavaFXطريقة وضع TableColumn بداخل TableColumn في الـTableView

المثال التالي يعلمك طريقة وضع TableColumn بداخل TableColumn في الـ TableView.
ستتعلم أيضاً كيف تغير النص الذي يظهر إذا كان الـ TableView فارغاً.


مثال

Main.java
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.stage.Stage;
 
public class Main extends Application {
 
    @Override
    public void start(Stage stage) {
 
        // يمثل الجدول الذي نريد إضافته في النافذة TableView هنا قمنا بإنشاء كائن من الكلاس
        TableView table = new TableView();
 
        // table تمثل الأعمدة الأساسية التي سنضيفها في الكائن TableColumn هنا قمنا بإنشاء ثلاث كائنات
        TableColumn columnFirstName = new TableColumn("First Name");
        TableColumn columnLastName = new TableColumn("Last Name");
        TableColumn columnEmail = new TableColumn("Email");
 
        // columnEmail الأعمدة الداخلية التي سنضيفها في الكائن TableColumn هنا قمنا بإنشاء كائنين
        TableColumn columnEmailPrimary = new TableColumn("Primary");
        TableColumn columnEmailSecondary = new TableColumn("Secondary");
 
        // table هنا وضعنا الأعمدة الثلاثة الأساسية في الكائن
        table.getColumns().addAll(columnFirstName, columnLastName, columnEmail);
 
        // columnEmail بداخل العامود الأساسي columnEmailSecondary و columnEmailPrimary هنا وضعنا العامودين
        columnEmail.getColumns().addAll(columnEmailPrimary, columnEmailSecondary);
 
        // إذا كان فارغاً table يحتوي على النص الجديد الذي سيظهر بداخل كائن الـ Label هنا قمنا يوضع
        table.setPlaceholder( new Label("Table is empty") );
 
        // في النافذة table هنا قمنا بتحديد حجم الكائن
        table.setPrefSize(440, 300);
 
        // حتى نستغل كل الحجم الذي حجزناه له table هنا قمنا بتحديد عرض كل عامود بداخل الكائن
        columnFirstName.setPrefWidth(100);
        columnLastName.setPrefWidth(100);
        columnEmailPrimary.setPrefWidth(120);
        columnEmailSecondary.setPrefWidth(120);
 
        // في النافذة table هنا قمنا بتحديد مكان ظهور الكائن
        table.setTranslateX(10);
        table.setTranslateY(10);
 
        // في النافذة Root Node لأننا ننوي جعله الـ Group هنا قمنا بإنشاء كائن من الكلاس
        Group root = new Group();
 
        // root في الكائن table هنا قمنا بإضافة الكائن
        root.getChildren().add(table);
 
        // فيها و تحديد حجمها Node كأول root هنا قمنا بإنشاء محتوى النافذة مع تعيين الكائن
        Scene scene = new Scene(root, 460, 320);
 
        // هنا وضعنا عنوان للنافذة
        stage.setTitle("JavaFX TableView");
 
        // أي وضعنا محتوى النافذة الذي قمنا بإنشائه للنافذة .stage في كائن الـ scene هنا وضعنا كائن الـ
        stage.setScene(scene);
 
        // هنا قمنا بإظهار النافذة
        stage.show();

    }
 
    // هنا قمنا بتشغيل التطبيق
    public static void main(String[] args) {
        launch(args);
    }
 
}

ستظهر لك النافذة التالية عند التشغيل.

ملاحظة: يمكنك التلاعب بحجم الأعمدة و تبديل أماكنهم بواسطة الفأرة.

طريقة وضع TableColumn بداخل TableColumn في ال TableView في javafx