2013-02-26 3 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에서 세 번째 컬럼으로 작성되는 숨겨진 필드를 중심으로 돌고있다. 숨겨진 필드의 값에 JSON으로 FName 및 LName을 저장하고 싶습니다. 그러나 먼저 테스트하기 위해 JSON의 일부 테스트를 하드 코딩하기로 결정했습니다. 내 문제는 숨겨진 입력 필드가 HTML로 최종 렌더링 될 때 엉망이되고 있다는 것입니다. 숨겨진 입력에 대한 결과 HTML은 ... 다음과 같습니다

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

따라서 망쳐 HTML을 어떤 시점에서 JSON에서 따옴표가 잘못 해석되고있다 또는 뭔가 오해 나에게 분명 보인다. 또한 JSON에서 큰 따옴표를 이스케이프 처리하기 위해 표준 백 슬래시에 고정되어 있습니다 (하지만 아무 쓸모가없는 것 같습니다).

+0

값에'{'가 추가로 필요합니까? – dev

+0

및 출력을 어떻게 보이시겠습니까? – dev

답변

1

숨겨진 필드에 JSON을 고집하지 마십시오. 그냥 지루한 일이다. HTML span 태그로 쉽게 가져올 수 있었고 CSS 디스플레이를 'none'으로 설정하여 효과적으로 숨겨진 필드로 만들 수있었습니다.