No se pueden ordenar los encabezados de tabla de forma ascendente o descendente
Por defecto elView
muestra una tabla ordenada que es genial pero no puedeSort
las columnas de la tabla haciendo clic en los encabezados de la tabla en orden ascendente o descendente. Las flechas de la columna del encabezado suben y bajan con los clics, pero los datos permanecen igual. Estoy usando jQuery jTable y la clasificación está habilitada de forma predeterminada.
¿Es posible hacer esto usando un jQuery?
Aquí está mi código para su inspección:
Ver:
$(document).ready(function () {
$('#TopPlayedInVenueContainer1').jtable({
title: 'Top Tracks Played Records',
paging: true,
pageSize: 100,
sorting: true,
defaultSorting: 'Date ASC',
actions: {
listAction: '@Url.Action("TopPlayedInVenueList1")'
},
fields: {
TrackID: {
title: 'Track ID',
key: true,
create: false,
edit: false,
resize: false,
tooltip: 'Track Name',
sorting: true //This column is not sortable!
},
Date: {
title: 'Date',
type: 'date',
displayFormat: 'dd - mm - yy',
tooltip: 'DD - MM - YY',
list: true,
sorting: true //This column is not sortable!
},
TrackName: {
title: 'Track Name',
key: true,
create: false,
edit: false,
resize: false,
tooltip: 'Track Name',
sorting: true //This column is not sortable!
},
ArtistName: {
title: 'Artist Name',
key: true,
create: false,
edit: false,
resize: false,
tooltip: 'Track Name',
sorting: true //This column is not sortable!
},
Times: {
title: 'Times',
tooltip: 'Artist Name',
sorting: false //This column is not sortable!
}
}
});
// All
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
var todayDate = new Date();
var endDate = todayDate.getDate() + '/' + (todayDate.getMonth() + 1) + '/' + (todayDate.getFullYear() + 100);
var d = new Date();
var st = d.setDate(todayDate.getDate() - 111365);
var startDate = d.getDate() + '/' + (d.getMonth() + 1) + '/' + d.getFullYear();
$('#allrecordsstart').val(startDate);
$('#allrecordsend').val(endDate);
$('#TopPlayedInVenueContainer1').jtable('load', {
StartDate: startDate,
EndDate: endDate
});
$('#allrecords').click(function (e) {
e.preventDefault();
var startDate = $('#allrecordsstart').val();
var endDate = $('#allrecordsend').val();
$('#TopPlayedInVenueContainer1').show(0).delay(0).fadeIn(1000).jtable('load', {
StartDate: startDate,
EndDate: endDate
});
});
Controlador: Editar para @CHash_Mile ... muchas gracias :) aquí está el código:EDITAR: 15/04/2014
[HttpPost]
public JsonResult TopPlayedInVenueList1(string StartDate = "", string EndDate = "", int jtStartIndex = 0, int jtPageSize = 0, string jtSorting = null)
{
try
{
if (Request.IsAuthenticated == true)
{
string Path = @"C:\\5Newwithdate-1k.xls";
OleDbConnection con = new OleDbConnection(@"Provider=Microsoft.Jet.OLEDB.4.0;Data Source= '" + Path + "';Extended Properties=" + (char)34 + "Excel 8.0;IMEX=1;" + (char)34 + "");
OleDbDataAdapter da = new OleDbDataAdapter("select * from [Sheet1$]", con);
con.Close();
System.Data.DataTable data = new System.Data.DataTable();
da.Fill(data);
List<TopPlayed> daa = new List<TopPlayed>();
foreach (DataRow p in data.Rows)
{
TopPlayed top = new TopPlayed()
{
TrackID = Convert.ToInt32(p.Field<double>("TrackID")),
Date = p.Field<DateTime>("DateTimes"),
TrackName = p.Field<string>("TrackName"),
ArtistName = p.Field<string>("ArtistName"),
Times = Convert.ToInt32(p.Field<double>("Times"))
};
daa.Add(top);
}
var listOrder = daa.Where(i => i.Date >= Convert.ToDateTime(StartDate) && i.Date <= Convert.ToDateTime(EndDate)).ToList();
if (jtStartIndex + 150 > listOrder.ToList().Count)
{
int val = listOrder.ToList().Count - jtStartIndex;
jtPageSize = val;
}
var newlist = listOrder.OrderByDescending(i => i.Times).ToList().GetRange(jtStartIndex, jtPageSize);
if (string.IsNullOrEmpty(jtSorting)) { jtSorting = "Date ASC"; }
SortDirection sortDirection = jtSorting.ToLower().Contains("desc") ? SortDirection.DESC : SortDirection.ASC;
string sortExpression = sortDirection == SortDirection.DESC ? jtSorting.ToLower().Replace(" desc", "") : jtSorting.ToLower().Contains(" asc") ? jtSorting.ToLower().Replace(" desc", "") : jtSorting;
if (sortDirection == SortDirection.ASC)
{
newlist = newlist.OrderBy(item => GetPropertyValue(item, sortExpression)).ToList();
}
else
{
newlist = newlist.OrderByDescending(item => GetPropertyValue(item, sortExpression)).ToList();
}
return Json(new { Result = "OK", Records = newlist, TotalRecordCount = listOrder.ToList().Count });
}
return Json(new { Result = "ERROR" });
}
catch (Exception ex)
{
return Json(new { Result = "ERROR", Message = ex.Message });
}
}
Depurado usandoStep Over
línea por línea y parece ser esta línea del código el culpable:
newlist = newlist.OrderBy(item => GetPropertyValue(item, sortExpression)).ToList();
Porque después de esta línea recibo un mensaje de error en la vista en el navegador:
Object reference not set to an instance of an object.
Imágenes: Editar para @CHash_Mile .. muchas gracias man :) capturas de pantalla de la depuración:
sortExpression
----------URL
newList
----------URL
¡Lamento tomar tanto tiempo y realmente aprecio lo que estás haciendo por mí!