(7-9) إنشاء Browse Page للـ Mobile

في الخطوات التالية سننشئ صفحة browse للـ Mobile.

1- اضغط مرتين على أيقونة صفحة الـ browse لإنشاء الصفحة .

tb00201

2- في Create ADF Mobile Client Page ، اضغط OK لقبول الاسم المقترح .

tb00202

3- ستفتح الصفحة في المحرر ، مع التبويب Preview .

tb00203

4- لاحظ الثلاث قوائم الخاصين بتحديد Mobile type و screen size و Menu option .

tb00204

5- ليس كما في صفحات الـ JSP و JSPX العادية ، لا يمكنك إدراج أي مكون إلى الـ Preview ، بإمكانك فقط استخدام تبويب الـ structure أو تبويب الـ Source لبناء صفحتك .

في التبيوب Structure ، افرد View | Form .

tb00205

6- من الـ Component Palette ، في ADF Mobile Client ، اختر العنصر Output Text ، وأدرجه على Panel Group Layout .

tb00206

7- في الـ Property Inspector ، أدخل القيم التالية:

Value Browse
fontFamily arial
fontSize 16
fontWeight bold

tb00207

8- افحص الـ Preview ومن الثائمة المنسدلة الخاصة بالاجهزة ، جرّب أجهزة أخرى .

tb00208

9- عد إلى BlackBerry preview .

tb00209

جرب دقة شاشة مختلفة.
ملاحظة: أكثر اختيارات الدقة شيوعاً في أجزة الـ BlackBerry هي 480 * 320 .

10- في التبويب Data Controls افرد AppModuleDataControl | OrderView1 واسحبه و أدرجه على PanelGroup Layout ، ثم اختر Forms > Read-only Form .

tb00210

11- في الـ Edit Form Fields ، احذف كل الـ attributes ما عدا:

OrderId
OrderDate
OrderShippedDate
OrderStatusCode
OrderTotal

وحدد الخيار Include Navigation Controls .

tb00211

اضغط OK .

12- يجب أن يكون الـ Preview كالتالي:

tb00212

13- في الـ Data Controls ، افرد OrderView1 ، واختر OrderItemView2 واسحبه و أدرجه على Panel Group Layout كـ Read Only table .

tb00213

14- في المربع الحواري Edit Table Columns ، احذف كل الأعمدة ما عدا Quantity و UnitPrice و ProductName ، وحدد الخيارين Sorting و Filtering .

tb00214

اضغط OK .

15- في الـ Property Inspector ، اجعل الحقل width للـ table يحمل القيمة 100%.
واجعل الحقل width لكل من Quantity و UnitPrice و ProductName
إلى 25%, 25%, 50% بالتتالي .

tb00215

16- من الـ Component Palette ، اختر Button واسحبه وادرجه على الـ Panel Group Layout  الثاني .

tb00216

17- في Property Inspector وفي الحقل text اكتب Edit واختر edit من قائمة action والذي سيفتح صفحة Edit .

tb00217

18- افرد Menu | Menu Group | Menu Item وفي الـ Property Inspector اكتب Exit لحقل label واختر exit من قائمة action .

tb00218

19- الـ Preview يجب أن يكون:

tb00219

20- اضغط Save All .

ليست هناك تعليقات:

إرسال تعليق

---- أتشرف بتعليقاتكم ----