PDA

View Full Version : آموزش: شروع کار ASP.NET توسط کامپوننت DEVEXPRESS



l2aiin
دوشنبه 12 مهر 1395, 15:24 عصر
http://uupload.ir/files/iwuu_devexpress-logo-200x116_thumb.png
DevExpress یکی از بهترین و کاملترین کامپوننت ها در زمینه کار با دات نت مخصوصا asp.net است که هر دونوع asp classic و mvc رو پشتیبانی میکند.
در شروع کار با DevExpress چند نکته رو باید مد نظر داشته باشیم


بعد یه مدت کارت کردن با این کامپوننت ممکنه لود صفحاتتون در خود ویژوال استودیو یکم کند باشه که طبیعی است زیاد نگران نشینhttp://www.blogfa.com/images/smileys/28.gif
چرخه ارتباط بین المان در DevExpress رو به یاد داشته باشین. هیچ CallBack نمیتونه به یک المان دیگر که در حال اجرای CallBack خود است تحدی کنه. یعنی همه چی مستقل است(زیاد غم نخورین با یکم تمرین همه چی دستتون میاد)
چون ما نمیتونیم لایسنش رو بخریم یعنی هزینه اش واسه اشخاص بالا است وقتی که نسخه کرک شده اون رو استفاده میکنید هنگام Rebulid اپلیکیشن خودتون همیشه تو UI برین فایل لاینسن رو حذف کنید.http://www.blogfa.com/images/smileys/30.gif
اطلاعات در فرم ها توسط Hiddenfiled ها به قسمت کد های سی شارپ ارسال میشه و توسط JSPROPERTIES ها به قسمت وبی برگردانده می شود.


http://uupload.ir/files/s7dr_devexpress_variable_transfer.png


کلیه متغیر ها در قسمت BackEnd کامپوننت DevExpress در هنگام ارسال به FrontEnd کاراکتر های cp رو به خود در ابتدا نام اضافه می کنند.

SomeElaman.JSProperties["cpYOURVARNAME"] = true;در قسمت frontEnd و هنگام خواندن متغیر های ارسالی از JSProperties کافی است به ا بتدای آن s. را اضافه کنید.مثلاalert(s.cpYOURVARNAME);

جهت ارسال متغیر یا داده از FrontEnd به BackEnd توسط HiddendFiled به صورت زیر عمل میکنیم.

YOURHiddenField.Set('YOUR_VAR_NAME', some data or info);





این تقریبا واسه روز اول خوبه فکر کنم اگه حجم کارم زیاد نشه هر دو روز یه آموزش میتونم قرار بدم.

l2aiin
سه شنبه 13 مهر 1395, 12:18 عصر
در قسمت دوم میخوام در مورد المان ها بحث کنیم و فقط خصوصیات اضافه شده درDevExpress رو بگم چون همه میشناسن المان ها رو
قبل از شروع عرض کنم بهتره برای تمامی المان ها یک مقدار ClientinstanceName رو برابر با ID قرار بدیم این مقدار جهت دسترسی از قسمت جاوا به المان هامون است
قسمت هایی مثل Caption,NullText,Helptext اضافه شده که همه جهت راهنمایی می باشد شاید ذکر است که این قسمت ها برای اکثر المان ها مشترک است
مثلا به یک نمونه تعریف تکست باکس دقت کنید:


<dx:ASPxTextBox ID="TitleTXT" runat="server" ClientInstanceName="TitleTXT"
HelpText="مثال:نمونه متن شما جهت راهنمایی"
MaxLength="100" NullText="عنوان را وادر کنید"
Theme="Office2010Silver" Width="220px">
<HelpTextSettings HorizontalAlign="Right" Position="Bottom" VerticalAlign="Middle">

میبیند با اضافه کردن چند تا ویژگی نیاز به نمایش دو تا لیبل حذف شد.همینطور در کد بالا جهت افزودن خصوصیت کنترلی کا فی است که کد زیر رو به تگمون اضافه کنیم:



<ValidationSettings Display="Dynamic" ErrorDisplayMode="None" ValidationGroup="ValidType">
<ErrorFrameStyle>
<Border BorderColor="Red" BorderWidth="1px" />
<BorderBottom BorderStyle="Solid" />
</ErrorFrameStyle>
<RequiredField IsRequired="True" />
</ValidationSettings>

همونطور که عرض کردم خدمت شما هیچ المانی بدون داشتن یک callback عملی را نمیتواند انجام دهد. مثلا برای اینکه یک دکمه یک عملیاتی را انجام دهد نیاز به یک callback دارد جون خودش این گزینه را ندارد به همین دلیل اکثرار سعی میکنید از callback المان های موجود در صفحه مثلا Grid یا Tree استفاده کنیم و اگر یکی از این دو در دسترس نبود خود Devexpress دو نمونه callback جهت استفاده دارد. نوع اول که فقط در صفحه قرار میگیرد و به عنوان یک واسط است

<dx:ASPxCallback ID="ASPxCallback1" runat="server" ClientInstanceName="Callback1"></dx:ASPxCallback>
وگزینه دوم استفاده از callback panel است که در داخل این مورد میتوان چندین المان را قرار دادو به طور همزمان استفاده کرد یعنی ناحیه و المان های موجود در این قسمت شامل callback می شوند