2013-02-26 60 views
1

我正在使用流行的DataTable jQuery庫在Coldfusion中渲染一些表格數據。我有以下的jQuery ...jQuery DataTable - 隱藏字段中的JSON

var tbl = $('#tbl-people').dataTable({ 
    aaData : [<cfoutput query="qryPeople"> 
     [ 
     '#FName#', 
     '#LName#', 
     '<input type="hidden" value="{\"test_id\":123,\"test\":\"john\"}" />' 
     ]<cfif currentRow NEQ recordCount>,</cfif></cfoutput> 
    ], 
    aoColumnDefs... and a few other pieces that I'm leaving out for the sake of brevity. 
}); 

我的問題(和問題)圍繞正在創建作爲aaData第三列的隱藏字段。我想將FName和LName作爲JSON存儲在隱藏字段的值中;然而,首先測試它,我決定只是在一些測試JSON中進行硬編碼。我的問題是,當最終呈現爲HTML時,隱藏的輸入字段被破壞。對於隱藏的輸入產生的HTML看起來像這樣...

<input type="hidden" test_id":123,"test":"john"}"="" value="{"> 

這似乎明顯,我認爲在某些時候在JSON雙引號被曲解或誤解的東西,因此搞砸了HTML。此外,請注意,我卡在標準反斜槓爲了嘗試逃避JSON中的雙引號(但似乎無濟於事)。

+0

需要額外的括號「{」的值是多少? – dev 2013-02-26 23:34:06

+0

和你想輸出的樣子是什麼? – dev 2013-02-26 23:50:24

回答

1

不要在隱藏的領域粘JSON的猴子;這只是乏味。我可以很容易地將它放入HTML span標記中,然後將css顯示設置爲「無」,從而使其成爲隱藏字段。