Vaadin ফ্রেমওয়ার্কের সবচেয়ে গুরুত্বপূর্ণ অংশ হল কম্পোনেন্ট, যেগুলোর মাধ্যমে ওয়েব অ্যাপ্লিকেশনের ইউআই (UI) তৈরি করা হয়। এই কম্পোনেন্টগুলি বিভিন্ন প্রপার্টি এবং মেথড সমর্থন করে, যেগুলি ইউআই-এর ভিজ্যুয়াল এবং আচরণ নির্ধারণে সাহায্য করে। এই প্রপার্টি এবং মেথডগুলি ব্যবহার করে আপনি UI কম্পোনেন্টের লুক, ফিল এবং কার্যক্ষমতা কাস্টমাইজ করতে পারেন।
Vaadin কম্পোনেন্টের প্রপার্টি
Vaadin কম্পোনেন্টগুলির প্রপার্টি সাধারণত সেই কম্পোনেন্টের স্টেট বা পরিস্থিতি সংক্রান্ত তথ্য ধারণ করে। উদাহরণস্বরূপ, Button কম্পোনেন্টে কিছু গুরুত্বপূর্ণ প্রপার্টি রয়েছে:
Text (
setText/getText):- একটি
Buttonএর টেক্সট সেট করার জন্যsetTextমেথড ব্যবহার করা হয় এবং টেক্সট ফেরত পাওয়ার জন্যgetTextব্যবহার করা হয়।
Button button = new Button(); button.setText("Click Me"); String buttonText = button.getText();- একটি
Enabled (
setEnabled/isEnabled):- এই প্রপার্টি দ্বারা কম্পোনেন্টের অ্যাক্টিভ অথবা ইনঅ্যাক্টিভ (disabled) অবস্থা নির্ধারণ করা হয়।
button.setEnabled(false); // Buttonটি ইনঅ্যাক্টিভ boolean isEnabled = button.isEnabled();Visible (
setVisible/isVisible):- এটি কম্পোনেন্টের দৃশ্যমানতা কন্ট্রোল করে। যদি
setVisible(false)ব্যবহার করা হয়, তবে কম্পোনেন্টটি স্ক্রীনে দেখাবে না।
button.setVisible(false); // Buttonটি গায়েব হয়ে যাবে- এটি কম্পোনেন্টের দৃশ্যমানতা কন্ট্রোল করে। যদি
Style (
getStyle):- কম্পোনেন্টের CSS স্টাইল অ্যাট্রিবিউট সেট করার জন্য
getStyleব্যবহার করা হয়। এখানে আপনি কাস্টম স্টাইল অ্যাড করতে পারেন।
button.getStyle().set("background-color", "blue");- কম্পোনেন্টের CSS স্টাইল অ্যাট্রিবিউট সেট করার জন্য
Vaadin কম্পোনেন্টের মেথড
Vaadin কম্পোনেন্টগুলি বেশ কিছু মেথড সমর্থন করে, যেগুলির মাধ্যমে কম্পোনেন্টের ইন্টারঅ্যাকশন বা আচরণ নিয়ন্ত্রণ করা যায়। কিছু সাধারণ মেথডের উদাহরণ:
Add Click Listener (
addClickListener):- কম্পোনেন্টে ক্লিক ইভেন্ট হ্যান্ডল করার জন্য
addClickListenerমেথড ব্যবহার করা হয়। এটি একটি অ্যাকশন ট্রিগার করে যখন ইউজার ক্লিক করে।
button.addClickListener(event -> { // ক্লিক করলে যা হবে তা কোড করুন Notification.show("Button clicked!"); });- কম্পোনেন্টে ক্লিক ইভেন্ট হ্যান্ডল করার জন্য
Set Tooltip (
setTooltip):- কম্পোনেন্টে টুলটিপ সেট করার জন্য
setTooltipমেথড ব্যবহার করা হয়। এটি ইউজারকে একটি ছোট টেক্সট বার্তা দেখাতে সহায়তা করে যখন মাউস কম্পোনেন্টের উপর রাখা হয়।
button.getElement().setAttribute("title", "Click to submit");- কম্পোনেন্টে টুলটিপ সেট করার জন্য
Add Class Name (
addClassName/removeClassName):- কম্পোনেন্টে CSS ক্লাস নাম অ্যাড অথবা রিমুভ করতে
addClassNameএবংremoveClassNameমেথড ব্যবহার করা হয়।
button.addClassName("primary-btn"); button.removeClassName("secondary-btn");- কম্পোনেন্টে CSS ক্লাস নাম অ্যাড অথবা রিমুভ করতে
Focus (
focus):- কোন কম্পোনেন্টে ফোকাস করতে
focusমেথড ব্যবহার করা হয়। এটি সাধারণত ফর্ম ফিল্ড বা ইনপুট ফিল্ডের ক্ষেত্রে ব্যবহৃত হয়।
textField.focus(); // TextField-এ ফোকাস করা হবে- কোন কম্পোনেন্টে ফোকাস করতে
Set Value (
setValue/getValue):- ফর্ম কম্পোনেন্ট যেমন
TextField,ComboBox, ইত্যাদির জন্যsetValueমেথড ব্যবহার করে মান সেট করা এবংgetValueমেথড ব্যবহার করে মান পাওয়া যায়।
textField.setValue("Hello, Vaadin!"); String textFieldValue = textField.getValue();- ফর্ম কম্পোনেন্ট যেমন
Set Tooltip (
setTooltip):- কম্পোনেন্টের টুলটিপ বা হেল্প টেক্সট সেট করতে
setTooltipমেথড ব্যবহার করা হয়। যখন ইউজার মাউস কম্পোনেন্টের উপরে নিয়ে যাবে, তখন টুলটিপটি প্রদর্শিত হবে।
button.setTooltip("Click me to proceed");- কম্পোনেন্টের টুলটিপ বা হেল্প টেক্সট সেট করতে
কিছু সাধারণ Vaadin কম্পোনেন্ট
- Button:
Buttonকম্পোনেন্ট একটি ক্লিকযোগ্য বাটন তৈরি করে।- সাধারণত এটি
setTextএবংaddClickListenerএর মতো প্রপার্টি ও মেথডের মাধ্যমে কাস্টমাইজ করা হয়।
- TextField:
TextFieldব্যবহারকারীদের ইনপুট গ্রহণ করার জন্য ব্যবহৃত হয়। এর মধ্যে প্রপার্টি যেমনsetValueএবংgetValueব্যবহার করে টেক্সট সেট এবং রিট্রিভ করা হয়।
- ComboBox:
ComboBoxব্যবহারকারীকে একটি ড্রপডাউন মেনু থেকে একটি মান নির্বাচনের সুযোগ দেয়। এর মধ্যেsetItemsএবংgetValueমেথড ব্যবহার করা হয়।
Vaadin কম্পোনেন্টগুলির প্রপার্টি এবং মেথডগুলি আপনাকে UI কাস্টমাইজ করার এবং ইউজার ইন্টারঅ্যাকশনের সাথে সঠিকভাবে ম্যানেজ করার ক্ষমতা দেয়। এই প্রপার্টি এবং মেথডগুলি বিভিন্ন ধরনের UI কম্পোনেন্টের কার্যক্ষমতা নির্ধারণ করতে সহায়তা করে।
Read more
