2012-10-13 8 views
15

グリッドから値を取得する以下のコードがあります。値を印刷する代わりに、グリッドはデータを下位のオブジェクト形式で印刷します。値を印刷するには?jquery内のオブジェクトの値を印刷

[object Object], [object Object], [object Object], [object Object], [object Object] 

CODE:

$(document).ready(function() { 
    $("#check").click(function(){ 
     var rows = $('#jqxgrid').jqxGrid('getrows'); 
     alert(rows); 
    }); 
});   
+0

値はどれですか?どのようにそれらを印刷したいですか? – Bergi

+0

の形式です。 ["empId": "1"、 "fname": "Henry"、 "lname": "Rey"、 "empcat": "Staff"、 "dept": "IT"、 "jTitle": "Software Engg" 、 "rAccess": "New Hire"、 "lManager": "TigoAdmin"、 "sDate": "2012-10-11"、 "eDate": "2012-10-11"}] – user1710288

+0

これは[JSON](http ://json.org)。 'alert(JSON.stringify(rows))'だけを使用してください.-現代のブラウザでは 'JSON'オブジェクトがサポートされています。 – Bergi

答えて

35

簡単な方法は、手動でオブジェクトのプロパティと印刷を横断する必要があるだろう、そうで

JSON.stringify(rows) 

すなわち

alert(JSON.stringify(rows)) 

使用することですそれに応じて例の入力と望ましい出力についてもっと詳しく説明してください。インタラクティブNode.jsの中

例:

> x = { 1: 2, 3:4 }; 
{ '1': 2, '3': 4 } 

> x.toString(); 
'[object Object]' 

> JSON.stringify(x) 
'{"1":2,"3":4}' 
+0

を以下の形式で比較します。 ["empId": "1"、 "fname": "Henry"、 "lname": "Rey"、 "empcat": "Staff"、 "dept": "IT"、 "jTitle": "Software Engg" 、 "rAccess": "新採用"、 "lManager": "TigoAdmin"、 "sDate": "2012-10-11"、 "eDate": "2012-10-11"}] – user1710288

+0

それ?さらに、そのような追加の情報を質問自体に追加することができます。これは、Q&Aのスレッドを読みやすくします。 –

+0

これに関連するファイルを含める必要がありますか? IEで "JSON is undefined"エラーが表示されています。 – user1710288

0

グリッドのGETROWS行の配列を返します。最初の行を取得するには:var row = rows [0]。 2番目の行を取得するには、var row2 = rows [1]のようにします。

最初の行から 'fnameの' セルの値を取得するには、あなたがこれを行うことができます:stackoverflowのから

var rows = $("#grid").jqxGrid('getrows'); 
var firstRow = rows[0]; 
var fnameValue = firstRow.fname; 
0

ガットのヘルプ、次のjQueryの機能を含める:印刷するために

The result will be equivalent to the PHP function print_r. 
    echo '<pre>' . print_r($data) . '</pre>'; 

    USAGE: 
    var data = [{'id':1,'name':'hello'},'world']; 
    $('#element').print_r(data); 

//========================================== 
(function($) { 

    $.fn.print_r = $.fn.print = function(variable){ 
     return this.each(function(){ 
     if(typeof variable == 'object'){ 
      var string = $.print_r.objectToString(variable,0); 
      $(this).html(string); 
     } else { 
      $(this).html('<pre>'+variable.toString()+'</pre>'); 
     } 
    }); 

    } 

    $.print_r = { 
      objectToString : function (variable,i){ 
       var string = ''; 
       if(typeof variable == 'object' && i < 3){ // 3 is to prevent endless recursion, set higher for more depth 
        string += 'Object (<ul style="list-style:none;">'; 
        var key; 
        for(key in variable) { 
         if (variable.hasOwnProperty(key)) { 
         string += '<li>['+key+'] => '; 
         string += $.print_r.objectToString(variable[key],i+1); 
         string += '</li>'; 
         } 
        } 
        string += '</ul>)'; 
       } else { 
        string = variable.toString(); 
       } 
       return string; 
     } 
    } 

})(jQuery) 
1

を値を持つ新しい配列を作成して印刷することができます:

var array = $.map(object, function(value){ 
    return value; 
})