بالطبع نحن نقوم باستخدام العديد من اداوت الاجاكس داخل مشروعاتنا ومن اشهر هذه الادوات هى الاداة editor والتى تسمح للمستخدم بكتابة النصوص كما يحلو له
ولكن الا ترى ان داخل هذه الاداة العديد من الازار التى لا نحتاجها لسبب او لاخر
فالحل اذن ان نقوم بتخصيص هذه الاداة
فالبداية يجب ان يكون لديك فولدر bin وبداخله ajaxcontrolkit واذا لم تكن تملكه فسوف تجده مرفق فى المشروع حتى تكون قادر على استخدام الادوات
بطريقة اخرى اذا كنت تملك اداوت الاجاكس قم بالسحب والافلات لاى اداة وسوف يقوم الفيجول تلقائيا بانشاء الفولدر نيابة عنك
الان : قم بانشاء مشروع جديد ولا تنسى بداخل المشروع فولد اسمه bin
ثانيا قم باضافة class جديد واعطه اى اسم وليكن sample_editor
داخل الكلاس قم باستيراد مكتبة الاجاكس , فى اعلى الصفحة
Imports AjaxControlToolkit.HTMLEditor
ا بالطبع نحن نحتاج ان نقوم بوراثة editor لكى نقوم بالتعديل عليه , فقط داخل الكلاس Inherits Edito
بعد ذلك اجعل الاكود فى هذا الكلاس داخل namespace حتى نقوم باستراده لاحقا
وليكن Namespace belal
لقد قمت بتسميته باسمى انتا ايضا اجعل اسمه namespace كما تشاء
اصبح الان الكود الكامل للكلاس هو
Imports Microsoft.VisualBasic
Imports AjaxControlToolkit.HTMLEditor
Namespace belal
Public Class Sample_editor
Inherits Editor
End Class
End Namespaceالا ترى انه بسيط للغاية
الان الخطوة الهامة وهى اننا سوف نقوم باعادة كتابة الفئة الخاصة بانشاء الازار وهما اثنان
1- FillTopToolbar() 2- FillBottomToolbar()
ومن اسماء هذه الفئات نجد انهم المسئولين عن ملى الازارا فى الاعلى والاخر ملى الازار فى الاسفل
فلنقم باعادة كتابة الاولى وهى ملى الازار بالاعلى
Protected Overrides Sub FillTopToolbar()
TopToolbar.Buttons.Add(NewAjaxControlToolkit.HTMLEditor.ToolbarButton.Bold)
End Subماذا فعلنا اذن , الاجابة بسيطة جدا هى اننا قمنا باعادة كتابة الفئة وبداخلها اضفنا زر واحد وهو زر سماكة الخط
ما رايك ان تقوم بنفسك باضافة زر خط مائل , اضف الازار التى تحلو لك ولكن فى مثالى انا اضف زر واحد فقط
الخطوة الاخيرة فى الكلاس
هى اننا سوف تقم باعادة كتابة الفئة الثانية المسئولة عن ملى الازار بالاسفل
ما رايك يا صديقى ان تقوم انتا بكتابتها بنفسك قبل ان ترى ما سوف اكتبه
سوف تقل لى اننى قمت بكتابة
Protected Overrides Sub FillBottomToolbar() BottomToolbar.Buttons.Add(NewAjaxControlToolkit.HTMLEditor.ToolbarButton.DesignMode) End Sub
نعم الاجابة صحيحة فلقد قمت باضافة زر design mode
الان كل ما علينا فعله هو الذهاب للصفحة الخاصة بنا واضافة الكنترول
اذهب default.aspx او اى كان اسم صفحتك
سجل الكنترول اللى احنا عملناه سواء , فى html code فى اعلى الصفحة
<%@ Register Namespace="belal" TagPrefix="belalcc" %>
Name space الاسم الذى قمنا بكتابته فى البداية فى مثالنا انا كنت مختار اسمى
Tagprefix وهو مفتاح الوسم كما نرى مثلا فى الفيجول استديو عند كتابة اى كنترول يسبقه كلمة asp اختار انتا ما تريد ايضا وفى هذا المثال كما ترى ان قمت بتمسيته belalcc
حان الان وقت اختبار الكنترول , اضف scriptmanger ثم اضف الكنترول الخاص بك
<belalcc:Sample_editor ID="Anyid" Width="400" Height="400"runat="server" />
ملحوظة اخيرة بعد ما قمنا بكتابة tag prefix قمنا باختيار الكلاس لانه من الممكن ان تقوم بتخصيص اكثر من اداة داخل الكلاس ويصبح لدبك مجموعة اداوت خاصة بك
المشروع على الرابط الاتى
لكم منى تحياتى
بلال توفيق