如何在MVC中按编号对数据列进行排序？

Question

I'm new to MVC and I want to order my result data by number

1-

2-

3-

....

In Controller

public ActionResult Index()
        {
var all = from emp in db.Details select emp;
return View( all);
}

and in my View

<table class="table table-bordered">
    <tr>
        <th class="th">Id</th>
        <th class="th">Name</th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>@Html.DisplayFor(x => item.Id)</td>
            <td>@Html.DisplayFor(x => item.Name)</td>
            <td>@Html.ActionLink("Edit", "Edit", new { id = item.Id })</td>
        </tr>
    }
</table>

I want to my result in view page is order by number 1- 2- 3- ..... Thanks

Answer 1

You sort with the orderby keyword. For example:

var all = from emp in db.Details orderby emp.SomeField select emp;

Just use whatever field on the emp object has the value by which you want to sort.

---

Edit: Based on comments below, it sounds like instead you just want to display an incrementing integer (similar to an ol , but in a table ). That sounds more like a responsibility for the view itself, perhaps something like this with a simple for loop:

@for(var i = 0; i < Model.Count(); i++)
{
    <tr>
        <td>@i</td>
        <td>@Html.DisplayFor(x => Model[i].Id)</td>
        <td>@Html.DisplayFor(x => Model[i].Name)</td>
        <td>@Html.ActionLink("Edit", "Edit", new { id = Model[i].Id })</td>
    </tr>
}

You may need to change your model's type from IEnumerable<T> to IList<T> in order to index it. Possibly also calling .ToList() on the model in the controller before sending it to the view.

(Be careful when doing that on enumerations, since it can cause unnecessary materialization of an entire collection when only part of one is needed. But in this case the entire collection is materialized by the view engine anyway so it shouldn't make a significant difference.)

Answer 2

Change your foreach to a for and use the iterator

<table class="table table-bordered">
        <tr>
            <th> class="th">number</th>
            <th class="th">Id</th>
            <th class="th">Name</th>
            <th>Some other column so your table renders correctly</th>
        </tr>

        @for(int i = 0; i < Model.Count; i++)
        {
            <tr>
                <td>@i.ToString()<!-- i put the number here but whateves. --></td>
                <td>@Html.DisplayFor(x => Model[i].Id)</td>
                <td>@Html.DisplayFor(x => Model[i].Name)</td>
                <td>@Html.ActionLink("Edit", "Edit", new { id = item.Id })</td>
            </tr>
        }
    </table>

Answer 3

static void Main(string[] args)
{
    List<TestClass> a = new List<TestClass>();

    TestClass t1 = new TestClass();
    t1.Test1 = "a";
    t1.Test2 = "b";
    t1.Test3 = "c";
    t1.Test4 = "d";

    TestClass t2 = new TestClass();
    t2.Test1 = "a2";
    t2.Test2 = "b3";
    t2.Test3 = "c4";
    t2.Test4 = "d5";

    a.Add(t1);
    a.Add(t2);

    var result = (from collRow in a
                 select collRow).Select((d, i) => new 
                 {
                     Data = d,

                     Index = i
                 });

    foreach(var p in result)
    {
        Console.WriteLine(p.Index);
    }

    Console.ReadKey();
}

Here is a way to make it in the linq, you should use Select which passes you an index. Here an msdn article about it with more examples : Article

So in the code should like something like this.

  //probably it will be needed to be add .AsEnumerable() before the Select
 var all = (from emp in db.Details select emp).Select((d, i) => new
            {
                 Data = d,
                 // if you want the index to start from 1, Index=i+1
                 Index = i
            });

After that in your view:

@foreach (var item in Model)
{
    <tr>
        <td>@Html.DisplayFor(x => item.Index)</td>
        <td>@Html.DisplayFor(x => item.Data.ID)</td>
        <td>@Html.DisplayFor(x => item.Data.Name)</td>
        <td>@Html.ActionLink("Edit", "Edit", new { id = item.Data.ID })</td>
    </tr>
}