গুগল ওয়েব টুলকিট (GWT) ইভেন্ট-ড্রিভেন প্রোগ্রামিং পদ্ধতিতে কাজ করে। ব্যবহারকারীর ইন্টারঅ্যাকশনের জন্য GWT-তে ইভেন্ট হ্যান্ডলার, যেমন ClickHandler এবং ChangeHandler, ব্যবহৃত হয়। ClickHandler সাধারণত বোতাম বা লিঙ্কের ক্লিক ইভেন্ট পরিচালনার জন্য ব্যবহৃত হয়, আর ChangeHandler ড্রপডাউন, টেক্সট বক্স বা চেকবক্সের মান পরিবর্তন শনাক্ত করতে ব্যবহৃত হয়।
ClickHandler ব্যবহার
ClickHandler ব্যবহার করে বোতাম বা অন্যান্য ক্লিকযোগ্য উপাদানগুলোর জন্য ইভেন্ট পরিচালনা করা হয়।
ClickHandler যোগ করার ধাপ
- Widget তৈরি করুন: সাধারণত একটি Button বা Hyperlink।
- ClickHandler ইন্টারফেস ইমপ্লিমেন্ট করুন:
addClickHandlerমেথড ব্যবহার করে একটি ইভেন্ট হ্যান্ডলার যোগ করুন।
উদাহরণ
Button button = new Button("Click Me");
// ClickHandler যোগ করা
button.addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
Window.alert("Button Clicked!");
}
});
// RootPanel-এ বোতাম যোগ করা
RootPanel.get().add(button);
ল্যাম্বডা এক্সপ্রেশন ব্যবহার করে:
GWT জাভা ৮ সমর্থন করে। তাই, কোড আরও সংক্ষিপ্তভাবে লেখা যায়।
button.addClickHandler(event -> Window.alert("Button Clicked with Lambda!"));
ChangeHandler ব্যবহার
ChangeHandler ব্যবহার করা হয় যখন ড্রপডাউন মেনু, টেক্সট বক্স, বা চেকবক্সের মান পরিবর্তিত হয়।
ChangeHandler যোগ করার ধাপ
- Widget তৈরি করুন: TextBox, ListBox, বা CheckBox-এর মতো ইনপুট উইজেট।
- ChangeHandler ইন্টারফেস ইমপ্লিমেন্ট করুন:
addChangeHandlerমেথড ব্যবহার করে ইভেন্ট হ্যান্ডলার যোগ করুন।
উদাহরণ
ListBox listBox = new ListBox();
listBox.addItem("Option 1");
listBox.addItem("Option 2");
// ChangeHandler যোগ করা
listBox.addChangeHandler(new ChangeHandler() {
@Override
public void onChange(ChangeEvent event) {
int selectedIndex = listBox.getSelectedIndex();
Window.alert("Selected: " + listBox.getItemText(selectedIndex));
}
});
// RootPanel-এ ListBox যোগ করা
RootPanel.get().add(listBox);
টেক্সট বক্সের জন্য উদাহরণ
TextBox textBox = new TextBox();
textBox.addChangeHandler(event -> Window.alert("Text Changed: " + textBox.getText()));
// RootPanel-এ TextBox যোগ করা
RootPanel.get().add(textBox);
ClickHandler এবং ChangeHandler একসাথে ব্যবহার
একই ইন্টারফেসে ClickHandler এবং ChangeHandler উভয়ই ব্যবহার করা সম্ভব।
উদাহরণ
Button button = new Button("Submit");
TextBox textBox = new TextBox();
// ClickHandler
button.addClickHandler(event -> {
String input = textBox.getText();
Window.alert("Button Clicked! Input: " + input);
});
// ChangeHandler
textBox.addChangeHandler(event -> Window.alert("Text Changed to: " + textBox.getText()));
// RootPanel-এ উইজেট যোগ করা
RootPanel.get().add(textBox);
RootPanel.get().add(button);
ClickHandler এবং ChangeHandler: প্রধান পার্থক্য
| বৈশিষ্ট্য | ClickHandler | ChangeHandler |
|---|---|---|
| ইভেন্টের ধরন | ক্লিক ইভেন্ট (Button, Hyperlink) | মান পরিবর্তন (TextBox, ListBox) |
| উদ্দেশ্য | ক্লিক শনাক্ত করা | মান পরিবর্তন শনাক্ত করা |
| ব্যবহারযোগ্য উইজেট | Button, Hyperlink | TextBox, ListBox, CheckBox |
সেরা প্র্যাকটিস
- অপ্রয়োজনীয় হ্যান্ডলার এড়িয়ে সিস্টেম পারফরম্যান্স উন্নত করুন।
- হ্যান্ডলারের ভিতরে লজিক ছোট এবং নির্দিষ্ট রাখুন।
- লেআউট এবং ইন্টারঅ্যাকশন সহজ করতে উইজেটের সঙ্গে প্রাসঙ্গিক হ্যান্ডলার ব্যবহার করুন।
উপরোক্ত উদাহরণগুলো ClickHandler এবং ChangeHandler ব্যবহারের মাধ্যমে GWT অ্যাপ্লিকেশনে ইন্টারঅ্যাকশন বাড়াতে সাহায্য করবে।
Read more
