অ্যাপ এম এল কন্ট্রোলার (AppML Controllers)

রিদওয়ান বিন শামীম

অ্যাপ এম এল কন্ট্রোলারের উদ্দেশ্য হল এপ্লিকেশনকে নিয়ন্ত্রণ করা।

কন্ট্রোলার যা যা করতে পারেঃ

• প্রারম্ভিক ডাটা সেট করা,
• এপ্লিকেশন ডাটা পরিবর্তন করা,
• ইনপুট এবং আউটপুট নিয়ন্ত্রণ করা,
• ডাটা ভ্যালিডেট করা,
• ডাটা সংক্ষেপ করা,
• ভুলক্রুটি নিয়ন্ত্রণ,
• এপ্লিকেশন শুরু ও শেষ করা,
• আরও অনেক কিছু করা যায় এর দ্বারা।

কন্ট্রোলার ব্যতিত

অ্যাপ এম এল এপ্লিকেশন বাই ডিফল্ট কন্ট্রোলার ব্যতিত রান করে।

উদাহরণ,

<table appml-data="customers.js">
 <tr>
   <th>Customer</th>
   <th>City</th>
   <th>Country</th>
 </tr>
 <tr appml-repeat="records">
   <td>{{CustomerName}}</td>
   <td>{{City}}</td>
   <td>{{Country}}</td>
 </tr>
 </table>

কন্ট্রোলার সহ

জাভাস্ক্রিপ্টের সাহায্যে অ্যাপ এম এল এপ্লিকেশন কন্ট্রোলারসহ রান করানো যায়।

কন্ট্রোলার একটি জাভাস্ক্রিপ্ট ফাংশন যা আমরা প্রয়োগ করে থাকি।

appml-controller এট্রিবিউট দ্বারা প্রোগ্রামে কন্ট্রোলার ফাংশন বোঝানো হয়।

উদাহরণ,

<h1>Customers</h1>
 <table appml-data="customers.js" appml-controller="myController">
   <tr>
     <th>Customer</th>
     <th>City</th>
     <th>Country</th>
   </tr>
   <tr appml-repeat="records">
     <td>{{CustomerName}}</td>
     <td>{{City}}</td>
     <td>{{Country}}</td>
   </tr>
 </table>
 
 <script>
 function myController($appml) {
     if ($appml.message == "display") {
         if ($appml.display.name == "CustomerName") {
             $appml.display.value = $appml.display.value.toUpperCase();
         }
     }
 }
 </script>

উপরের উদাহরণে কন্ট্রোলার (myControlller), "CustomerName" কে আপারকেস অক্ষরে পরিবর্তিত করে দেখিয়েছে।

কন্ট্রোলার থাকলে অ্যাপ এম এল কন্ট্রোলারে এপ্লিকেশন অবজেক্ট ($appml) পাঠায়, অত্যন্ত গুরুত্বপূর্ণ কার্যক্রম সম্পাদনের জন্য। এপ্লিকেশনের একটি বৈশিষ্ট্য হল ম্যাসেজ ($appml.message), যা এপ্লিকেশনের অবস্থা প্রকাশ করে।

পরবর্তী অধ্যায়গুলোতে পর্যায়ক্রমে ম্যাসেজের বিস্তারিত ব্যাখ্যা দেয়া হবে।