표시 그리드 열 현명한 JQuery와 템플릿을 사용하여

Question

나는 내가 가지고

Packages  PayG  Standard ....... 

Setupfee   349   349 
Monthlyfee  0   499 
...... 

형식으로 다음과 같이 현명한 데이터 열 위에 표시 할

[{"CostPerSearch":2.39,"PackageId":9,"PackageName":"PAYG","PackPlanId":1,"PackTypeId":2,"SearchPerMonth":0,"SetupFee":349.00,"SubscriptionFee":0.00,"ValidityMonth":null},{"CostPerSearch":1.99,"PackageId":10,"PackageName":"Standard","PackPlanId":1,"PackTypeId":2,"SearchPerMonth":275,"SetupFee":349.00,"SubscriptionFee":499.00,"ValidityMonth":null},{"CostPerSearch":1.79,"PackageId":11,"PackageName":"Premium","PackPlanId":1,"PackTypeId":2,"SearchPerMonth":600,"SetupFee":349.00,"SubscriptionFee":999.00,"ValidityMonth":null},{"CostPerSearch":1.59,"PackageId":12,"PackageName":"Silver","PackPlanId":1,"PackTypeId":2,"SearchPerMonth":1500,"SetupFee":349.00,"SubscriptionFee":1999.00,"ValidityMonth":null},{"CostPerSearch":1.39,"PackageId":13,"PackageName":"Gold","PackPlanId":1,"PackTypeId":2,"SearchPerMonth":3800,"SetupFee":349.00,"SubscriptionFee":4999.00,"ValidityMonth":null},{"CostPerSearch":0.00,"PackageId":14,"PackageName":"Platinum","PackPlanId":1,"PackTypeId":2,"SearchPerMonth":0,"SetupFee":349.00,"SubscriptionFee":9999.00,"ValidityMonth":null}] 

같은 .. 계획에 대한 JSON 행의 데이터가 현명해야 json하지만 jquery 템플릿 사용법에 대해 혼란 스러웠다.

Answer 1

하나의 선택은 템플릿에 들어가기 전에 자바 스크립트 개체를 변형하는 것입니다. 표가 몇 행인지 알 것 같습니다. 샘플에는 각 항목에 9 개의 속성이 있기 때문에 8 개의 행이 있지만 최상위 열 이름에 대해 하나씩 꺼내야합니다.

조금 지루한 반면, 그런 종류의 변형은 로켓 과학이 아닙니다.

"별"예제를 볼 수도 있습니다. 각 등급에 문자열을 추가합니다. 여기에 적용되는 방법은이 예제에서 문자열 -9를 가질 수 있다는 것입니다. 하나는 헤더 용이고, 8 개는 각 데이터 행에 대한 것입니다. 각 루프에서 {{: PackageName}}을 머리글 문자열에 추가하고 비슷한 (예 :) {{: SetupFee}}를 setup_fee 문자열에 추가하십시오. 문자열로 끝내면 tr 문자열을 문자열로 묶습니다. 각 td 문자열을 "tr"로 랩핑 한 다음 모든 것을 "tbody"로 감싸십시오. 마지막 두 테이블에 포장.