moferferi
یک شنبه 16 مهر 1391, 20:19 عصر
سلام
آموزش استفاده از روش جیسون
1)ابتدا صفحه ای به نام Ajax_process.aspx ایجاد میکنیم و سپس در فرم لود کد زیر را وارد میکنیم
[ if Request["CMD"] == "fillgrid")
{
var memberList = from m in db.Members
select new { m.Email, m.Active, m.Name, m.Family, m.Note };
JavaScriptSerializer js = new JavaScriptSerializer();
string Ser = "Not Found";
if (memberList != null)
{
Ser = js.Serialize(memberList);
}
Response.Write(Ser);
Response.End();
}
2)در این قسمت باید هسته جی کوئری را به برنامه اضافه کنیم و یک فایل جاوا ایجاد کنیم و کد های زیر را داخل اون قرار بدیم
function FillGrid() {
$.ajax({
url: "Ajax_proccess.aspx?cmd=fillgrid",
type: "POST",
data: null,
async: true,
success: function (datafromserver) {
list = eval("(" + datafromserver + ")");
GenerateGrid(list);
}
,
error: function (er) {
alert(er);
}
});
}
function GenerateGrid(list) {
var _HTML = "<table cellspacing='0px' bordercolor='gray' class='tblgrid' border='1px' cellpadding='3px' width='500px'>";
_HTML += "<tr class='trheader'><td>-</td><td>ایمیل</td><td>نام</td><td>نام خانوادگی</td><td>وضعیت</td><td>توضیحات</td></tr>";
for (var i = 0; i < list.length; i++) {
_HTML += BuildRow(list[i]);
}
$("#MyGrid").html(_HTML + "<table>");
$(".trheader > td").addClass("tdheader");
$(".trrow > td").addClass("tdrow");
}
function BuildRow(row) {
_HTML = "<tr class='trrow'><td><input class='del' type='checkbox' value='#EMAILID#'/></td><td>#EMAIL#</td><td>#NAME#</td><td>#FAMILY#</td><td><img src='Icons/#ACTIVE#active.png'/></td><td>#NOTE#</td></tr>";
PreIconName = "";
if (row.Active.toString().toLowerCase() == "false")
PreIconName = "de";
_HTML = _HTML.replace("#EMAIL#", row.Email).
replace("#EMAILID#", row.Email).
replace("#NAME#", row.Name).
replace("#FAMILY#", row.Family).
replace("#ACTIVE#", PreIconName).
replace("#NOTE#", row.Note);
return _HTML;
}
حال در صفحه هم مثلا به نام Default.aspx کافسیت یک خط کد اضافه کنیم
<div id="MyGrid">بارگذاری...</div>
و در پائین div دکمه ای ایجاد کنیم و فانکشن fillgrid را اجرا کنیم
در این مثال وقتی که متد FillGrid گرید درون فایل جاوا صدا زده شود از طریق روش جیسون به صفحه Ajax_proccess.aspx کوئری استرینگ cmd را با مقدار fillgrid ارسال میکنه
که در نتیجه دستور سلکت درون فرم عمل کرده و دیتا مورد نظر را به صورت سریالایز شده به سمت کلاینت ارسال میکنه
در این بخش کلاینت داده های خام دریافتی از سمت سرور را به وسیله تابع eval درون متغیر list میریزیم.و سپس مقدار list را به فانکشن GenerateGrid انتقال مییدم.
البته این گریدی که من ساختم بر حسب نیاز خودم توی یک پروژه بود.فکر میکنم مثال گویای همه چیز باشه.و شما میتونید هر گریدی را با این روش ایجاد کنید.
البته من متد اضافه ،ویرایش و خذف ،sort و paging را هم به وسیله همین روش نوشتم.