(8-3) إنشاء صفحة Query and Edit

في الخطوات التالية سوف نستخدم ADF Faces لإنشاء query page لتحرير البيانات .

1- نعود إلى مخطط الـ Page Flow (اضغط على التبويب faces-config.xml ) ثم اضغط مرتين على الأيقونة query .

t60101 2- الحقل File name يجب أن يكون query.jspx ، ونحدد الخيار Create as XML Document .
t60102

ثم اضغط Ok .

3- صفحة تصميم جديدة سوف تفتح . في Data Controls تحت HRFacadeLocal
اختر (getEmployeesFindByName(String واسحبها داخل الصفحة .
t60103

من القائمة التي ستظهر ، اختر Parameters ثم ADF Parameter Form .
t60103b

4- في شاشة Edit Form Fields اختر Ok لقبول الحقول المقترحة .

t60104

5- في المربع الحواري Edit Action Binding اضغط Ok تصميم الصفحة المفترض أن يكون كالتالي :

t60105 6- في الـ Data Controls افتح getEmployeesFindByName ثم اختر Employees اسحبه داخل الصفحة تحت Parameter Form .
t60106

من القائمة التي ستظهر اختر Forms ثم ADF Form .

t60106b

7- في شاشة Edit Form Fields حدد الخيارين :
Include Navigation Controls و Include Submit Button .
t60107 ثم اضغط Ok .

8- تصميم الصفحة يجب أن يكون كالتالي :
t60108

9- هذه الصفحة نحتاج لأن يتم تحديثها تلقائياً بكي تحدد ذلك ، اختر mergeEmployees(Employees) في الـ Data Controls واسحبها على الزرSubmit .

t60109 
في المربع الحواري Edit Action Binding ، في القطاع Parameters افتح القائمة تحت الحقل Value ثم اختر Show EL Expression Builder .
t60109b 10- في المربع الحواري Variables افتح ADF Bindings ثم Bindings |queryEmployeesFindByNameIterator ثم currentRow ثم اختر dataProvider . كلما اخترت نقطة من النقاط الموجودة في القائمة يقوم المحرر بإضافتها في مربع الـ Expression الموجود أعلى الشاشة .
t60110 اضغط Ok ثم Ok مرة أخرى .

11- في المربع الحواري Confirm Component Rebinding اضغط Ok .

t60111

12- ارجع إلى صفحة الـ Query واختر الزرار mergeEmployees .

t60112

13- وفي الـ Property Inspector اختر التبويب Common اجعل قيمة الحقل Text إلى Save وفي القطاع Button Action اجعل الحقل Action إلى Action من القائمة المنسدلة بجانبه .

t60113

14- احفظ الكل .

15- صفحتك يجب أن تكون كالتالي :
t60115

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

إرسال تعليق

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