Saeed_m_Farid
سه شنبه 15 اسفند 1391, 21:39 عصر
نمیدونم کسی از jTable (http://www.codeproject.com/Articles/277576/AJAX-based-CRUD-tables-using-ASP-NET-MVC-3-and-jTa) در MVC دات نت (نه جاوا) استفاده کرده یا نه؟ (اگه معادل کم دردسرتری -Telerik اینا نه، یه تمپلت سبک برای View های جدولی- براش سراغ دارید بیزحمت منم در جریان بذارید) با این امید:
نمیدونم چرا نتیجه JSON که میفرستم واسه جاوا-اسکریپت jTable، رندر نمیشه! تمام مراحل رو هم بررسی مجدد کردم ولی هیچ تفاوتی نکرد :اشتباه:
مراحلی که من طی کردم رو اینحا لیست میکنم که اکثرشون هم ربطی به jTable ندارن! ولی کارهای مربوط به این پکیج رو زرشکی (8b0000) کردم:
افزودن پکیج jTable به پروژه از طریق NuGet
افزودن مسیر CSS و فایل اسکریپت به BundleConfig.cs در bundle های مجزا
افزودن Styles.Render و Scripts.Render به _Layout.cshtml جهت قرار گرفتن در تگ HEAD
ساختن اینترفیس های مجزا برای هر مدل جهت پیاده سازی های بعدی
ساختن Entity (برای مدیریت داده ها و توابع لینک مورد استفاده) برای اینترفیس های نوشته شده در مرحله قبلی
قرار دادن تمام Entity ها درون یک RepositoryContainer
گرفتن نمونه از RepositoryContainer و استفاده از آن در کنترلر
ساختن اکشن های Httppost که بصورت JSON داده رو به اسکریپت های jTable میفرستن یا می گیرند
درست کردن View سفارشی برای jTable بصورتی که توضیح داده شده (اینجا (http://www.codeproject.com/Articles/277576/AJAX-based-CRUD-tables-using-ASP-NET-MVC-3-and-jTa#View))
و درنهایت چیزی که من در خروجی Explorer میگیرم، آفتابۀ زیر هست:
listAction: '/Region/RegionList?startIndex=0&count=0'
deleteAction: '/Region/DeleteRegion'
updateAction: '/Region/UpdateRegion'
createAction: '/Region/CreateRegion'
و این هم Page Source که مثل آشغال تمام جاوا اسکریپت رو ریخته تو Html :ناراحت:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>MyProject- Index</title>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="/Content/site.css" rel="stylesheet" />
<link href="/Scripts/jtable/themes/metro/blue/jtable.css" rel="stylesheet" />
<script src="/Scripts/modernizr-2.5.3.js"></script>
<script src="/Scripts/jquery-1.7.1.js"></script>
<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jtable/jquery.jtable.js"></script>
</head>
<body>
<header>
<div class="content-wrapper">
<div class="float-left">
<p class="site-title"><a href="/">MyProject</a></p>
</div>
<div class="float-right">
<section id="login">
<ul>
<li><a href="/Account/Register" id="registerLink">Register</a></li>
<li><a href="/Account/Login" id="loginLink">Log in</a></li>
</ul>
</section>
<nav>
<ul id="menu">
<li><a href="/">Home</a></li>
<li><a href="/Home/About">About</a></li>
<li><a href="/Home/Contact">Contact</a></li>
<li><a href="/Region">Region</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div id="body">
<section class="content-wrapper main-content clear-fix">
<div id="RegionTableContainer">
listAction: '/Region/RegionList?startIndex=0&count=0'<br />
deleteAction: '/Region/DeleteRegion'<br />
updateAction: '/Region/UpdateRegion'<br />
createAction: '/Region/CreateRegion'
</div>
<script type="text/javascript">
$(document).ready(function () {
$('#RegionTableContainer').jtable({
title: 'Region List',
paging: true,
pageSize: 10,
sorting: true,
defaultSorting: 'Name ASC',
actions: {
listAction: '/Region/RegionList?startIndex=0&count=0',
deleteAction: '/Region/DeleteRegion',
updateAction: '/Region/UpdateRegion',
createAction: '/Region/CreateRegion'
},
fields: {
RegionId: {
key: true,
create: false,
edit: false,
list: false
},
Name: {
title: 'Name',
width: '23%'
},
EnglishName: {
title: 'English Name',
width: '23%'
},
Enabled: {
title: 'Status',
width: '12%',
type: 'checkbox',
values: { 'false': 'Passive', 'true': 'Active' },
defaultValue: 'true'
},
}
});
//Load Region list from server
$('#RegionTableContainer').jtable('load');
});
</script>
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>© 2013 - MyProject© Website</p>
</div>
</div>
</footer>
<script src="/Scripts/jquery-1.7.1.js"></script>
</body>
</html>
درصورت نیاز کدهای نمونه برای مدل، کنترلر، Repository، Entity و View تقدیم حضور میگردد؛ اگه همشون رو اینجا لیست کنم همین 0.1 % امیدی که به پاسخ اساتید دارم نیز نابود میگردد.
پیشاپیش از کمک عزیزان کمال قدردانی بعمل می آید./
نمیدونم چرا نتیجه JSON که میفرستم واسه جاوا-اسکریپت jTable، رندر نمیشه! تمام مراحل رو هم بررسی مجدد کردم ولی هیچ تفاوتی نکرد :اشتباه:
مراحلی که من طی کردم رو اینحا لیست میکنم که اکثرشون هم ربطی به jTable ندارن! ولی کارهای مربوط به این پکیج رو زرشکی (8b0000) کردم:
افزودن پکیج jTable به پروژه از طریق NuGet
افزودن مسیر CSS و فایل اسکریپت به BundleConfig.cs در bundle های مجزا
افزودن Styles.Render و Scripts.Render به _Layout.cshtml جهت قرار گرفتن در تگ HEAD
ساختن اینترفیس های مجزا برای هر مدل جهت پیاده سازی های بعدی
ساختن Entity (برای مدیریت داده ها و توابع لینک مورد استفاده) برای اینترفیس های نوشته شده در مرحله قبلی
قرار دادن تمام Entity ها درون یک RepositoryContainer
گرفتن نمونه از RepositoryContainer و استفاده از آن در کنترلر
ساختن اکشن های Httppost که بصورت JSON داده رو به اسکریپت های jTable میفرستن یا می گیرند
درست کردن View سفارشی برای jTable بصورتی که توضیح داده شده (اینجا (http://www.codeproject.com/Articles/277576/AJAX-based-CRUD-tables-using-ASP-NET-MVC-3-and-jTa#View))
و درنهایت چیزی که من در خروجی Explorer میگیرم، آفتابۀ زیر هست:
listAction: '/Region/RegionList?startIndex=0&count=0'
deleteAction: '/Region/DeleteRegion'
updateAction: '/Region/UpdateRegion'
createAction: '/Region/CreateRegion'
و این هم Page Source که مثل آشغال تمام جاوا اسکریپت رو ریخته تو Html :ناراحت:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>MyProject- Index</title>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="/Content/site.css" rel="stylesheet" />
<link href="/Scripts/jtable/themes/metro/blue/jtable.css" rel="stylesheet" />
<script src="/Scripts/modernizr-2.5.3.js"></script>
<script src="/Scripts/jquery-1.7.1.js"></script>
<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jtable/jquery.jtable.js"></script>
</head>
<body>
<header>
<div class="content-wrapper">
<div class="float-left">
<p class="site-title"><a href="/">MyProject</a></p>
</div>
<div class="float-right">
<section id="login">
<ul>
<li><a href="/Account/Register" id="registerLink">Register</a></li>
<li><a href="/Account/Login" id="loginLink">Log in</a></li>
</ul>
</section>
<nav>
<ul id="menu">
<li><a href="/">Home</a></li>
<li><a href="/Home/About">About</a></li>
<li><a href="/Home/Contact">Contact</a></li>
<li><a href="/Region">Region</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div id="body">
<section class="content-wrapper main-content clear-fix">
<div id="RegionTableContainer">
listAction: '/Region/RegionList?startIndex=0&count=0'<br />
deleteAction: '/Region/DeleteRegion'<br />
updateAction: '/Region/UpdateRegion'<br />
createAction: '/Region/CreateRegion'
</div>
<script type="text/javascript">
$(document).ready(function () {
$('#RegionTableContainer').jtable({
title: 'Region List',
paging: true,
pageSize: 10,
sorting: true,
defaultSorting: 'Name ASC',
actions: {
listAction: '/Region/RegionList?startIndex=0&count=0',
deleteAction: '/Region/DeleteRegion',
updateAction: '/Region/UpdateRegion',
createAction: '/Region/CreateRegion'
},
fields: {
RegionId: {
key: true,
create: false,
edit: false,
list: false
},
Name: {
title: 'Name',
width: '23%'
},
EnglishName: {
title: 'English Name',
width: '23%'
},
Enabled: {
title: 'Status',
width: '12%',
type: 'checkbox',
values: { 'false': 'Passive', 'true': 'Active' },
defaultValue: 'true'
},
}
});
//Load Region list from server
$('#RegionTableContainer').jtable('load');
});
</script>
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>© 2013 - MyProject© Website</p>
</div>
</div>
</footer>
<script src="/Scripts/jquery-1.7.1.js"></script>
</body>
</html>
درصورت نیاز کدهای نمونه برای مدل، کنترلر، Repository، Entity و View تقدیم حضور میگردد؛ اگه همشون رو اینجا لیست کنم همین 0.1 % امیدی که به پاسخ اساتید دارم نیز نابود میگردد.
پیشاپیش از کمک عزیزان کمال قدردانی بعمل می آید./