(13-5) العمل مع الـ ADF Data Visualization Components

1- بالعودة إلى الـ JDeveloper اضغط على التبويب Rating .

t40001

2- في الـ Component Palette ومن مكتبة ADF Data Visualization | Gauge اسحب المكون Gauge وضعه داخل الـ Rating .

t40002

3- في المربع الحواري Create Gauge اختر Dial من قائمة category ثم
Dial with Thresholds من Gauge type ثم اختر أول شكل على اليسار من
Quick start layout ، ثم اضغط Ok .

t40003

4- الـ gauge الجديد يظهر في التبويب gauge .

t40004

5- في الـ، Property Inspector وللحقل Value اختر Expression Builder .

t40005 6- وفي المربع الحواري Expression Builder اختر
ADF Bindings | bindings | rating | inputValue ، ثم اضغط Ok .

t40006

7- وفي الـ Structure pane حدد المكون gauge وفي الـ property Inspector واجعل الحقل Gauge Data | Max Value يحمل القيمة 10 ، ثم اضغط Ok .

t40007

8- في الـ Structure pane افرد المكون gauge | thresholdSet .

t40008

9- في الـ Structure pane حدد الـ threshold الأول ومن الـ Property Inspector وفي الحقل FillColor اختر Edit من القائمة .

t40009

ومن المربع الحواري Edit Property حدد اللون 'redish' من الـ palette ثم اضغط OK ، ثم ضع القيمة 4 في الحقل ThresholdMaxValue .

t40009b

10- في الـ Structure pane حدد الـ threshold الثاني ومن الـ Property Inspector وفي الحقل FillColor اختر Edit من القائمة ومن المربع الحواري Edit Property حدد اللون 'yellowish' من الـ palette ثم اضغط OK ، ثم ضع القيمة 7 في الحقل ThresholdMaxValue .

t40009c

11- في الـ Structure pane وكالمثالين السابقين حدد الـ threshold الثالث وأعطه اللون 'greenish'
والقيمة 10 للـ ThresholdMaxValue .

t40011

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

t40012

13- اضغط بزر الماوس الأيمن ثم اختر Run .

t40013

14- يتم تحميل الصفحة في المتصفح ،ولاحظ قيمة الـ rating .

t40014

ثم اضغط على التبويب Rating .

15- الـ gauge يعرض قيمة الـ rating الحالية .

t40015

16- اضغط على التبويب Product Details وحرط الـ slider لتغيير قيمة الـ rating .

t40016

17- وبالضغط على التبويب Rating نجد أن التغيير السابق انعكس عليه .

t40017

لا تغلق المتصفح وعد إلى الـ JDeveloper .

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

إرسال تعليق

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