AJAX و یا «Asynchronous JavaScript and XML» قابلیتی است که توسط web API جاوا اسکریپتی مرورگرها برای دریافت و یا به روز رسانی اطلاعات، بدون بارگذاری مجدد و کامل صفحه، ارائه میشود. این قابلیت اولین بار در سال 1999 توسط مایکروسافت با ارائهی مرورگر IE 5.0 و معرفی شیء XMLHTTP که توسط یک ActiveX control ارائه میشد، میسر گردید و این روزها توسط استاندارد XMLHttpRequest در تمام مرورگرها قابل استفاده است. این استاندارد نیز مدتی است که توسط Fetch ...
Document Object Model و یا به اختصار DOM به ظهور زبان JavaScript گره خوردهاست. این مدل به همراه یک API پیاده سازی شدهی با JavaScript است که امکان دسترسی به اسناد HTML را مسیر میکند. علاوه بر امکاناتی مانند انتخاب عناصر، کار با ویژگیها و ذخیرهی اطلاعات که تاکنون بررسی کردیم، DOM API به همراه روشهایی برای ایجاد عناصر جدید، حذف عناصر موجود و جابجایی آنها در صفحه میباشد. یکی از مهمترین اهداف jQuery کار سادهتر با DOM است و تعداد متده ...
عناصر HTML از سه قسمت نام، محتوا و ویژگیها یا attributes تشکیل میشوند که دو مورد آخر، اختیاری هستند. <form action="/rest/login" method="POST">
<input name="username" required>
<input type="password" name="password" required>
</form>
در این مثال سه المان form و دو input را مشاهده میکنید. تگ المان <form> دارای نام form و تگ المان <input> دارای نام input است.
محتوا ی ...
jQuery سالها به عنوان جزء اصلی توسعهی برنامههای وب مطرح بودهاست و برای بسیاری از توسعه دهندگان وب، یک پیشنیاز پیشفرض محسوب میشود؛ سادهاست، قابل فهم است و به آن اطمینان داریم. زمانیکه از آن استفاده میکنیم دیگر نیازی نیست تا آنچنان به DOM، باگهای مرورگرها و یا رفتارهای متفاوت آنها فکر کنیم. jQuery تمام این مشکلات را برای ما حل میکند. اما ... اگر روزی باگی در jQuery وجود داشت، نیاز به امکاناتی بود که هنوز در jQuery ظاهر نشدهاند و ...
در مطلب « کنترل نرخ ورود اطلاعات در برنامههای Angular » جزئیات پیاده سازی جستجوی همزمان با تایپ کاربر، بررسی شدند. در اینجا میخواهیم از اطلاعات آن مطلب جهت پیاده سازی یک AutoComplete جستجوی نام کاربران که اطلاعات آن از سرور تامین میشوند، استفاده کنیم:
استفاده از کامپوننت AutoComplete کتابخانهی Angular Material
کتابخانهی Angular Material به همراه یک کامپوننت Auto Complete نیز هست. در اینجا قصد داریم آن ...
Angular Material به همراه یک کامپوننت Date-Picker بسیار شکیل و حرفهای است اما ... از تقویم شمسی پشتیبانی نمیکند. در این مطلب میخواهیم با تدارک یک DateAdapter سفارشی، این مشکل را برطرف کنیم تا در نهایت به یک چنین Date-Picker شمسی برسیم: تاریخچهی تغییرات کامپوننت Date-Picker
اخیرا تیم Angular Material، امکان تعریف تقویمهای دیگری را بجز تقویم میلادی، با تدارک کلاس پایه DateAdapter فراهم کردهاست . در این ...
در این قسمت میخواهیم روش تغییر رنگهای قالبهای پیشفرض Angular Material را به همراه تغییر پویای آنها در زمان اجرا، بررسی کنیم. همچنین Angular Material از راست به چپ نیز به خوبی پشتیبانی میکند که مثالی از آنرا در ادامه بررسی خواهیم کرد.
بررسی ساختار یک قالب Angular Material
قالب، مجموعهای از رنگها است که به کامپوننتهای Angular Material اعمال میشود. هر قالب از چندین جعبهرنگ یا palette تشکیل میشود:
...
در این قسمت قصد داریم به لیست فعلی کاربران و تماسهای تعریف شده، تماسهای جدیدی را اضافه کنیم و میخواهیم اینکار را توسط دیالوگهای Popup بستهی Angular Material انجام دهیم.
معرفی سرویس MatDialog
توسط سرویس MatDialog میتوان modal dialogs بستهی Angular Material را نمایش داد که به همراه طراحی متریال و پویانمایی مخصوص آن است. let dialogRef = dialog.open(UserProfileComponent, { height: '400px’, wi ...
در این قسمت قصد داریم اطلاعات یادداشتهای کاربران را توسط کامپوننت mat-table نمایش دهیم که به همراه قابلیتهایی مانند صفحه بندی، مرتب سازی و فیلتر کردن دادهها است.
کامپوننت mat-table
کار کامپوننت mat-table نمایش اطلاعات در ردیفها و ستونها است. به همراه آن mat-paginator برای نمایش UI صفحه بندی اطلاعات، دایرکتیو matSort و mat-sort-header برای افزودن رابط کاربری مرتب سازی اطلاعات و امکان تغییر منبع داده آن ...