در (بخش اول) از این مقاله به ضرورت وجود داشبوردهای مدیریتی در سازمان ها و همچنین به معرفی کامپوننت قدرتمند DevExpress به همراه فیلم کوتاهی جهت آشنایی دوستانی که تاکنون از این کامپوننت استفاده نکرده اند، پرداختیم و در (بخش دوم) نیز سعی کردیم کمی شفاف تر وارد محیط این طراح داشبورد شده و به معرفی ابزارها و امکاناتی که در دسترس برنامه نویسان و نیز کاربران نهایی استفاده کننده قرار میدهد یپردازیم و نحوه عملکرد این کامپوننت را بصورت تصویری و قدم به قدم (در هر دو حالت بومی سازی شده و عیربومی) بصورت مختصر و مفید به دوستان معرفی کنیم.
در این بخش تصمیم داریم بیشتر به بررسی سایر امکانات و امتیازاتی که این ابزار به برنامه نویس استفاده کننده میدهد، بپردازیم. لازم است یادآور شوم، با توجه به اینکه شرکت DevExpress در نسخه های ۱۳٫۱ به بعد خود تاکنون تمهیدات خاصی را در زمینه توسعه محصولات خود ((در هر دو بخش وب و ویندوز)) برای کاربران خود در نظر گرفته است همچنین این شرکت از همگام بودن با تکنولوژی های نوین و به روز دنیای نرم افزار و سخت افزار غافل نبوده است و محصولات خود را تاسرحد امکان، سازگار با نیازهای بوجود آمده برای کاربران خود امکان دهی و پشتیبانی میکند که از آن جمله می توان به مواردی همچون: پشتیبانی آبجکت ها و اسکرول ها از TouchUI نام برد و چنانچه بخواهیم از یکی دیگر از بهترین امتیازاتی که استفاده از محصولات این شرکت به برنامه نویس میدهد نام ببریم می توان به امکان استفاده از این ابزار در طراحی سایت های واکنش گرا و کاملاً Responsive اشاره کرد که شرکت DevExpress با استفاده از JavaScript و JQuery جهت پیاده سازی این مورد در محصولات تحت وب خود متمرکز شده است و این یکی از بهترین امکاناتیست که برنامه نویس در اختیار کاربر نهایی قرار خواهد داد تا مشتری قابلیت دسترسی به سایت و یا نرم افزار خود را در هر دیوایسی (از جمله: PC– Tablet- Mobile) داشته باشد.
حال در این میان DevExpress Viewer تحت وب این شرکت نیز از این قاعده بی بهره نمانده و برنامه نویس به راحتی قادر خواهد بود داشبوردهای مدیریتی مورد نیاز را بسته به سلیقه خود ونیاز مشتریان طراحی و به هر شکل ممکن در اختیار مدیران استفاده کننذه در سازمان ها قرار دهد. برای آشنایی بیشتر با موارد یاد شده می توانید فیلم شرکت اصلی را که کاملا گویاست و نحوه استفاده از ابزار داشبورد خود را در هر دیواسی آموزشی داده است در انتهای همین مقاله دانلود نمائید.
نکنه مهم) بهتر است درنظر داشته باشیم که برنامه نویسان تحت وب استفاده کننده از این کامپوننت باید داشبوردهای مورد نظر خود را در Dashboard Designerای که در محیط Windows Application در دسترس میباشد طراحی کرده و در غالب XML توسط خود کامپوننت ذخیره و جهت استفاده در Web Applicationهای خود با فراخوانی در Dashboard Viewerمورد استفاده قرار دهند.
یادآور میشوم که ارسال پارامترهای مختلف از انواع داده های مختلف به داشبورد امکان پذیر میباشد، حتی می توانیم فیلدهای محاسباتی و ضمنی را قبل از نمایش داشبورد به آن ارسال کرده و در کلیدی که در بالا وسمت راست
آن قرار دارد اقدام به مشاهده یا تغییر آنها کنیم. به عنوان مثال در ویندوز فرم به شکل زیر پارامترهای دلخواه را ایجاد کرده و به Dashboard Viewer پاس میدهیم :
// ساخت و ایجاد یک نمونه از داشبورد
Dashboard dashboard = new Dashboard();
// مسیر فایلی که قبلا با طراح این داشبورد ساخته و ذخیره شده
dashboard.LoadFromXml(@"..\..\Data\Dashboard.xml");
DashboardSqlDataSource dataSource = (DashboardSqlDataSource)dashboard.DataSources[0];
GridDashboardItem grid = (GridDashboardItem)dashboard.Items[0];
// ایجاد یک پارامتر برای داشبورد
StaticListLookUpSettings settings = new StaticListLookUpSettings();
settings.Values = new string[] { "0.01", "0.05", "0.1" };
DashboardParameter discountValue = new DashboardParameter("discountValue",
typeof(decimal), 0.05m, "Select discount:", true, settings);
dashboard.Parameters.Add(discountValue);
// Creates a new calculated field and passes the created dashboard parameter
// to a calculated field expression.
CalculatedField isGreater =
new CalculatedField("Iif(Avg([Discount]) >= ?discountValue, 'TRUE', 'FALSE')");
isGreater.DataMember = "SalesPerson";
isGreater.DataType = CalculatedFieldType.String;
isGreater.Name = "IsGreater";
dataSource.CalculatedFields.Add(isGreater);
grid.Columns.Add(new GridMeasureColumn(new Measure("IsGreater")));
dashboardViewer1.Dashboard = dashboard;
|
کدهای کامل مثال فوق را می توانید از (^اینجا) دریافت نمائید. حال فرض کنید برنامه نویس در زمان اجرا تصمیم به اقزودن یک آبجکت (مثلاً نمودار دایره ای) به داشبورد را دارد. کد آن در ویندوز فرم به شکل زیر خواهد بود :
private Form1()
{
Initilization();
Dashboard dashboard = new Dashboard();
dashboard.AddDataSource("Data Source 1", Data.CreateData());
// Creates a Pie dashboard item that displays share of sold units quantity per sales person.
PieDashboardItem pies = new PieDashboardItem();
pies.DataSource = dashboard.DataSources[0];
pies.Arguments.Add(new Dimension("SalesPerson"));
pies.Values.Add(new Measure("Quantity"));
dashboard.Items.Add(pies);
dashboardViewer1.Dashboard = dashboard;
}
//نیز باید کدی مشابه کد زیر را اضافه نموده اطلاعات داشبورد نیز فراخوانی شوند: DashboardViewer.DataLoading و در رویداد
// Handles the DashboardViewer.DataLoading event to provide the dashboard with new data.
private void dashboardViewer1_DataLoading(object sender,
DevExpress.DataAccess.DataLoadingEventArgs e) {
if (e.DataSourceName == "Data Source 1")
e.Data = Data.CreateData();
} |
– ((دانلود فیلم آموزش طراحی داشبورد در Deviceهای مختلف از شرکت DevExpress))
– ((دانلود راهنمای آفلاین داشبوردDevExpress 14.2 ))
منبع: آموزش برنامه نویسی نیک آموز
15 Comments
ابراهیم
سلام مهندس مرسی بابت آموزش خوبتون.
سوالی داشتم من امدم تو برنامه زمانی که میخوام یک datasource به برنامه بدم فقط میشه یک جدول انتخاب کرد و نمیشه چندین جدول رو همم زمان انتخاب کرد و این کار رو هم میخوام با کد نویسی هم انجام بدم.
فرشید علی اکبری
سلام
مسعود طاهری
سلام فرشید جان
امیر
سلام
فرشید علی اکبری
سلام دوست عزیز
امیر
سلام
صحرا
با تشکر فراوان از زحمات شما
مهندس جان در مورد کنترل رنج در داشبورد برای تاریخ شمسی اگه ممکنه راهنمایی کنید.
نوع فیلد در دیتابیس ؟
در حال حاضر از تاریخ میلادی استفاده میکنم و موقع استفاده میخوام بصورت شمسی استفاده بکنم. همچنین از خواص تاریخ مانند سال / سال ماه / نیز میخوام استفاده بشه اگه ممکنه راهنمایی کنید
با سپاس از زحمات شما و تیم نیک آموز
فرشید علی اکبری
سلام، بابت تاخیر در پاسخ گویی به شما دوست عزیز عذرخواهی میکنم.
احمدی
با سلام و عرض خسته نباشید
اینجانب تقاضای خرید نسخه فارسی شده کامپومنت کامل devexprss را دارم تا در برنامه های خودم استفاده کنم لطفا هزینه آن را اعلام فرمایید
فرشید علی اکبری
سلام دوست عزیز
بهار
سلام و خسته نباشید…ممنون از آموزش خوبتون
آیا داده ها به صورت آنلاین با تغییرات داده در دیتا بیس اعمال می شود؟
فرشید علی اکبری
سلام
فرشید علی اکبری
سلام
پاسخ درخواست مورد نظر شما، در نسخه های ۲۰۱۵ از این کامپوننت ها مرتفع شده و بدون استفاده از تکنیک های خاص و یا پیچیده ای، تنها با تیک کردن کلید (بروز رسانی اتوماتیک) می تونید از این امکان استفاده کنید. والبته این رفرش کردن اطلاعات آیتم های داشبورد بصورت اتوماتیک، برای داده های حجیم کمی زمانبر است وبهتر است از این امکان فقط در موارد مورد لزوم استفاده شود.
محسن صالحیان
سلام
خسته نباشید
من از داشبورد دیزانر ۰٫۱۵ تحت ویندوز استفاده میکنم اما در داشبورد دیزانر وقتی گیج را انتخاب میکنم امکان رنگی کردن را به من نمیدهد لطف مرا راهنمایی کنیید
با تشکر
فرشید علی اکبری
جهت اطلاعات بیشتر به کانال ما مراجعه کنید.
@DevExpress_Farsi