AngularJs - заполнить таблицы, проверив имена заголовков - PullRequest
Новая
       135

AngularJs - заполнить таблицы, проверив имена заголовков

0 голосов
/ 15 октября 2019

У меня есть два объекта, один содержит выбранные записи, а другой содержит выбранные поля. Теперь мне нужно заполнить таблицу динамически, проверив имя или значение заголовка столбца.

Я сослался Заполнить таблицу с помощью ng-repeat и проверить соответствие данных заголовка

Завершено: Я могу динамически добавлять заголовки к таблице / столбцам.

Рабочий код в Plunker

HTML 

<table class="dataTable no-footer leadTable">
    <thead>
        <tr role="row">
            <th>
                <input type="checkbox" ng-model="selectedSObject[key]" class="select_tertiary_selectAll" />
            </th>
            <th ng-repeat="k in sFields[key]" ng-value="{{k.name}}" style="font-weight: 400; border-right: none; background-color: #0070d2; padding: 10px 18px;">
                <div> {{k.label}} </div>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr role="row" ng-class="odd" ng-repeat="record in value.filtered">
            <td>
                <input type="checkbox" ng-model="record.checked" />
            </td>
            <td ng-repeat="(key_1, value_1) in record" style="padding: 10px 18px;">
                <div> {{value_1}} </div>
            </td>
        </tr>
    </tbody>
</table>

JS 

$scope.sFields = getSFields($scope.sObjectCSVData);
$scope.iterableRecords = getiterableRecords($scope.sObjectCSVData, allRecords)

function getiterableRecords(sCSVData, allRecords) {
  var sObjectRecords = {};
  if (allRecords) {
      Object.entries(sCSVData).forEach(function(key) {
          if (sCSVData[key[0]].filtered.length != 0) {
              if (sObjectRecords[key[0]]) {
                  sObjectRecords[key[0]].push(sCSVData[key[0]].filtered)
              } else {
                  sObjectRecords[key[0]] = []
                  sObjectRecords[key[0]].push(sCSVData[key[0]].filtered)
              }
          }
      });
  }
  return sObjectRecords
}

function getSFields(sCSVData) {
  var fields = {};
  Object.entries(sCSVData).forEach(function(key) {
      if (sCSVData[key[0]].filtered.length != 0) {
          for (var i = 0; i < sCSVData[key[0]].sObjectFields.length; i++) {
              if (fields[key[0]]) {
                  fields[key[0]].push(sCSVData[key[0]].sObjectFields[i])
              } else {
                  fields[key[0]] = []
                  fields[key[0]].push(sCSVData[key[0]].sObjectFields[i])
              }
          }
      }
  });
  return fields
}

enter image description here

Необходимо сделать: СейчасЯ должен заполнить таблицу с соответствующими значениями, проверив имя столбца. Я работаю в AngularJS 1.6.9

1 Ответ

0 голосов
/ 18 октября 2019

Добавив небольшие изменения, теперь я могу заполнить таблицу,

Код, который я использовал, как показано ниже, 

<tbody>
 <tr role="row" ng-class="odd" ng-repeat="record in value[0]">
   <td>
    <input type="checkbox" ng-model="record.checked" />
   </td>
   <td ng-repeat="k in sFields[key]" style="padding: 10px 18px;">
     {{record [k.name]}} </div>
   </td>
 </tr>

Рабочий кодв указанном ниже плунжере Заполните таблицу, проверив название заголовка

Для ссылки

Populated Table

...