مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

iran

عضویت از 1394/01/31

عدم نمایش DataTableJquery

  • دوشنبه 18 اردیبهشت 1396
  • 09:37
تشکر میکنم

سلام

من کدهای زیر را نوشته ام

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/jquery.dataTables.css" rel="stylesheet" />
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Application name", "Index", "Users", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                </ul>
            </div>
        </div>
    </div>

    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/jquery.dataTables.min.js"></script>
    <script>
   $(document).ready(function(){
       $('#myTable').DataTable();
   });
    </script>
</body>
</html>

@model IEnumerable<WebApplication4.Models.User>

@{
    ViewBag.Title = "Index";
}
<script>
    $(document).ready(function () {
        $('#myTable').DataTable();
    });
</script>
<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table class="table" id="#myTable">
    <thead>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.name)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.family)
        </th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    @foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.family)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.id }) |
            @Html.ActionLink("Details", "Details", new { id=item.id }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.id })
        </td>
    </tr>
    }
    </tbody>
</table>
using System.Linq;
using System.Web.Mvc;
using WebApplication4.Models;

namespace WebApplication4.Controllers
{
    public class UsersController : Controller
    {
        private Context db = new Context();

        // GET: Users
        public ActionResult Index()
        {
            return View(db.Users.ToList());
        }
    }
}

هنگام اجرا داده ها بصورت زیر نمایش داده میشود 

اما باید بصورت DataTableJquery نمایش داده شود

ایراد کد کجاست 

باتشکر

پاسخ های این پرسش

تعداد پاسخ ها : 5 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 18 اردیبهشت 1396
  • 09:50

شما در ویو Table ساختید و بعد میگید باید به یک شکل دیگه نمایش بده ؟

متوجه منظورتون نمیشم

کاربر سایت

iran

عضویت از 1394/01/31

  • دوشنبه 18 اردیبهشت 1396
  • 10:05

سلام
(شما در ویو Table ساختید و بعد میگید باید به یک شکل دیگه نمایش بده ؟)

پس باید کجا table را بسازم 

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 18 اردیبهشت 1396
  • 10:17

شاید من منظور شما رو خوب متوجه نشده باشم

لطفا بیشتر توضیح دهید

کاربر سایت

iran

عضویت از 1394/01/31

  • دوشنبه 18 اردیبهشت 1396
  • 10:23

سلام
ببینید باتوجه به شکل داده ها بصورت کامل و درست نمایش داده میشود 
اما من در برنامه از پلاگین DataTableJquery  استفاده کرده ام که باید ظاهر جدول تغییر کند و شبیه مثالهای که در سایت است بشود که اصلا این تغییر رخ نداده است

می خواستم بدانم مشکل کارکجاست

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 18 اردیبهشت 1396
  • 11:14

با فایرباگ بررسی کنید ببینید خطایی داره یا خیز

به احتمال زیاد مشکلی در رفرنس ها وجود دارد

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)