Anzeige JqGrid Spalte modal als Datum und Hyper Link zeigt NAN/NAN/NAN

Ich habe dynamische JQGrid in denen eine Spalte Spalte Datum ist. Ich bekomme die Daten von Feeds, die die URL und das Datum haben.Anzeige JqGrid Spalte modal als Datum und Hyper Link zeigt NAN/NAN/NAN

Ich muss Spaltenmodell für "Datumsspalte" so entwickeln, dass es den Link Datum und Hyper zeigt. Aber leider werden die Daten als NAN/NAN/NAN angezeigt (Dies könnte daran liegen, dass der gesamte String - <a>...</a> als Datum und nicht als "20/8/2016" behandelt wird). Kann mir bitte jemand mitteilen wie ich das Date hier im richtigen Text anzeigen kann statt NAN ??

Hinweis: Ich sollte auch darauf achten, dass der Zeitpunkt Sortierung beibehalten wird

Beispielcode Snippet, die arbeitet - Wenn es ist kein Anker-Tag & nicht arbeiten - wenn es a Anchor-Tag. Dies funktioniert jedoch unabhängig vom Anker-Tag immer dann, wenn das Spalten-Modal vom Typ Text ist - anders ausgedrückt, dies geschieht nur für Datumsspalten und nicht für andere Spalten.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" rel="stylesheet" /> 
    <link href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css" rel="stylesheet" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js"></script> 
    <script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js"></script> 
    <script type="text/javascript">   
     $(document).ready(function() { 

      var data = [{ 'Date': "<a href=https://google.com target=_blank style=text-decoration:underline;>20/8/2016</a>" }, 
       { 'Date': "<a href=https://google.com target=_blank style=text-decoration:underline;>21/8/2016</a>" }, 
       { 'Date': "<a href=https://google.com target=_blank style=text-decoration:underline;>22/8/2016</a>" }, 
       { 'Date': "2016-08-09T06:11:14.907Z" }, { 'Date': "2016-08-10T06:11:14.907Z" } 
      ] 
      $("#grid").jqGrid({ 
       datatype: 'jsonstring', 
       datastr: data, 
       colNames: ["Date"], 
       colModel: [{ name: 'Date', sorttype: 'date', formatter: 'date', formatoptions: {newformat:'n/j/Y'} }] 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <table id="grid"></table> 
</body> 
</html>

Quelle

2016-08-08 Sanju Rao

'Formatierer:‚date'' erwarten, dass die Eingangsdaten in [ISO 8601] (https://en.wikipedia.org/wiki/ISO_8601) standardmäßig. Sie können stattdessen keine HTML-Fragmente verwenden. Wenn Sie Daten als Links formatieren müssen (''), können Sie ISO 8601 in den Eingabedaten verwenden, aber [benutzerdefinierte Formatierung] verwenden (http://www.trirand.com/jqgridwiki/doku.php?id=) wiki: custom_formatter) um die Daten als Links zu formatieren. Bitte geben Sie bei allen Fragen zu jqGrid an, welche Version von jqGrid Sie verwenden und von welchem fork von jqGrid ([free jqGrid] (https://github.com/free-jqgrid/jqGrid), dem kommerziellen Guriddo jqGrid JS oder einem ald jqGrid in der Version) <= 4.7). – Oleg

jqGrid afterinsertrow Verwendung

var data = [{ 'Date': "20/8/2016" }, 
     { 'Date': "20/8/2016" }, 
     { 'Date': "20/8/2016" }, 
     { 'Date': "2016-08-09T06:11:14.907Z" }, 
     { 'Date': "2016-08-10T06:11:14.907Z" } 
] 
$("#grid").jqGrid({ 
    datatype: 'jsonstring', 
    datastr: data, 
    colNames: ["Date"], 
    colModel: [{ name: 'Date', sorttype: 'date', formatter: 'date', formatoptions: {newformat:'n/j/Y'} }], 
    **afterInsertRow : function(rowid, aData){ 
     if(rowid == 1){ 
      $("#grid").jqGrid('setCell' ,rowid, 'Date', "<a href=https://google.com target=_blank style=text-decoration:underline;>"+aData.Date+"</a>", {}); 
     } 
    }** 
});

Quelle

2016-08-08 07:22:49 mins

gibt es einen allgemeineren Weg. Dies wird beginnen, einen Hyperlink zu allen Zellen hinzuzufügen, wenn ich die if-Bedingung entferne. Ich denke, ich muss herausfinden, ob es eine Datumsspalte ist und die URL dann die If-Bedingung zu True machen. Gibt es einen Weg zur Identität, welche Art von Spalte es ist und dosiert dies den Hyperlink hat? –

colModel: [{ name: 'Date', sorttype: 'date', 
      formatter:function(cellvalue, options, rowObject)    { 
       var dt=new Date(cellvalue); 
       if(dt=='Invalid Date')return cellvalue;//chrome 
       var y=dt.getFullYear(); 
       var m=dt.getMonth()+1<10?'0'+(dt.getMonth()+1):dt.getMonth()+1; 
       var d=dt.getDate()<10:'0'+dt.getDate():dt.getDate(); 
       return y+'-'+m+'-'+d; 
      } 
       }]

Quelle

2016-08-08 07:26:07 lx1412

Ich kann das nicht berücksichtigen, weil es das Format des Datums, das angezeigt werden soll, durcheinander bringt. nein Sortierung funktioniert auch nicht –

Wenn Sie möchten, dass die Liste korrekt sortiert wird, müssen die Elemente das gleiche Format haben – lx1412

Ihre Lösung funktioniert, aber es zeigt das Format in ISO an, da ich das Datum zur Anzeige angegeben habe ' n/j/Y '. Selbst das Sortieren funktioniert nicht richtig –

Anzeige JqGrid Spalte modal als Datum und Hyper Link zeigt NAN/NAN/NAN

Antwort

Verwandte Themen