Отображение столбца сетки с использованием шаблонов jquery - PullRequest
Новая
       36

Отображение столбца сетки с использованием шаблонов jquery

0 голосов
/ 20 февраля 2012

У меня есть данные в ряду JSON для планов .. как 

[{"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}]

Я хочу отобразить столбец данных выше, как показано ниже в формате 

Packages        PayG       Standard .......

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

У меня есть json, но я не совсем понимаю, как использовать шаблон jquery для простого отображения данных по столбцам в вышеприведенном виде.

1 Ответ

0 голосов
/ 11 июня 2012

Один из вариантов - просто преобразовать объект javascript перед тем, как добавить его в шаблон.Похоже, вы знаете, сколько строк будет в таблице.В вашем примере он имеет 8 строк, поскольку каждая запись имеет 9 атрибутов, но вы собираетесь извлечь одну из них для имени верхнего столбца.

Такой вид преобразования, хотя и немного утомителен, но не является ракетостроением.

Вы также можете посмотреть на пример "звезд".Добавляет строку для каждого рейтинга.То, как это применяется здесь, вы можете иметь набор строк - 9 в этом примере.Один для заголовка один, а затем еще 8 для каждой строки данных.В каждом цикле добавьте {{: PackageName}} к строке заголовка и аналогичный (например) {{: SetupFee}} к строке setup_fee.Как только вы закончите со строками, оберните строку tr строкой.оберните каждую строку td "tr", а затем оберните все те "tbody".Окончательно заверните два в стол.

...