Afficher JQGRID vide au lieu de Null

Question

Am utilisant JQGrid et obtenir Null affiché dans la grille car il vient de DB. Je peux changer la requête pour retourner la valeur vide.

Mais j'essaie de gérer en utilisant JQGrid. Comment puis-je replace null by blank values dans la grille.

Je ne veux pas montrer NULL aux utilisateurs à la place vide.

Comment réaliser ceci dans JQGrid?

Merci

Answer 1

Il est probablement préférable que vous gérez ce côté serveur, mais si vous voulez le faire dans jqGrid, vous pouvez utiliser un custom formatter qui convertit NULL à la chaîne vide. (Je ne sais pas si vous êtes effectivement en revenir à la valeur null ou la chaîne "NULL", donc je traité les deux cas):

var nullFormatter = function(cellvalue, options, rowObject) { 
    if(cellvalue === undefined || isNull(cellvalue) || cellvalue === 'NULL') { 
     cellvalue = ''; 
    } 

    return cellvalue; 
} 

$("#myGridContainer").jqGrid({ 
    .... 
    colModel: [{ 
     label: 'Name', 
     name:'name', 
     index:'name', 
     formatter:nullFormatter 
    }, { 
     label: 'Next Column', 
     name:'nextCol', 
     index:'nextCol', 
     formatter: nullFormatter 
    }, ...], 
    .... 
} 

Answer 2

J'ai eu le même problème.

Aussi, je voulais jqGrid pour afficher mes chiffres avec séparateurs de milliers et 2 décimales, mais en utilisant la valeur par défaut 'number' formatter causé des nulls (de la base de données) pour obtenir affichés comme « 0.00 » plutôt que d'être laissée en blanc.

$("#tblListOfRecords").jqGrid({ 
    ... 
    colModel: [ 
     { name: "SomeNumber", formatter: 'number', sorttype: "integer", formatoptions: { decimalPlaces: 2 } } 
    ] 
    ... 

Ce n'était pas tout à fait ce que je voulais.

Ma solution a été d'écrire mon propre formatter:

$("#tblListOfRecords").jqGrid({ 
    ... 
    colModel: [ 
     { name: "SomeNumber", formatter: formatNumber} 
    ] 
}); 

function formatNumber(cellValue, options, rowdata, action) { 
    // Convert a jqGrid number string (eg "1234567.89012") into a thousands-formatted string "1,234,567.89" with 2 decimal places 
    if (cellValue == "") 
     return ""; 
    if (cellValue == null || cellValue == 'null') 
     return ""; 

    var number = parseFloat(cellValue).toFixed(2);   // Give us our number to 2 decimal places 
    return number.toLocaleString();       // "toLocaleString" adds commas for thousand-separators. 
}