(8-9) إنشاء Edit Page للـ Mobile

لإنشاء Edit page قم بعمل التالي:

1- اضغط على التبويب MobileClient-task-flow.xml لفتح المخطط.

tc10101

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

tc10102

3- في المربع الحواري Create ADF Mobile Client Page ، اضغط OK لقبول الإعدادات.

tc10103

4- اختر المكونOutputText في ADF Mobile Client ، واسحبه داخل التبويب Structure على Panel Group Layout.

tc10104

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

Value Edit
fontFamily Arial
fontSize 16
fontWeight bold

tc10105r

6- من التبويب Data Controls اختر OrderView1 واسحبه على Panel Group Layout ، واختر Forms > Form من القائمة.

tc10106

7- في المربع الحواري Edit Form Fields ، في قائمة Component to Use عدّل الـ OrderId لتكون Output Text لتجعل القيمة غير قابلة للتحديث.

tc10107

اضغط OK .

8- في التبويب Structure افرد Panel Form Layout واختر Output Text الخاص بـ OrderId attribute .

tc10108

9- في الـ Property Inspector اجعل الخاصية focusable لتكون true لتتيح للمستخدم نقل الـ cursor على حقل الـ ID ليكون قادر على عمل cut و paste القيمة.

tc10109

10- اختر Panel Group Layout نم الـ Component palette واسحبها على Panel Form Layout .

tc10110

11- في التبويب Data Controls افرد Operations واختر Commit لسحبها على Panel Group Layout ، واختر من القائمة Command Button .

tc10111

12- أعد نفس الخطوة السابقة للـ Rollback .

tc10112

13- اختر الزر Commit ، وعدّل القيم التالية:

Text : Save
Action: browse
Disabled: false

tc10113

14- أعد الخطوة السابقة للـ Rollback ولكن قيمة الـ Text تكون Undo .

tc10114

15- اضغط Panel Group Layout في التبويب Structure ، وعدّ قيمة الـ layout لتكون horizontal ، لتكون الأزرار بجوار بعضها .

tc10115r

16- لأن هناك العديد من المعلومات لتعرض في الصفحة ، اختر Panel Group Layout وعدّل الخاصية verticalScroll لتكون true .

tc10116

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

tc10117

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

tc10118

19- في التبويب Bindings الموجود في المحرر ، احذف OrderStatusCode .

tc10119

20- اضغط التبويب Preview وفي التبويب Structure اختر Input Text للـ OrderStatusCode واحذفه .

tc10120

21- في التبويب Data Controls افرد OrderView1 ، عد بالـ OrderStatusCode إلى مكانه السابق في الصفحة (تحت OrderTotal) ومن القائمة اختر
                                       Single Selections > Select One Choice .

tc10121

22- اضغط التبويب Bindings واختر OrderStatusCode واسحبه تحت الـ OrderTotal .

tc10122

23- اضغط Save All .

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

إرسال تعليق

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