Можно ли создать расширяемую UI-сетку с пользовательским шаблоном в виде дисплея Ul li

Question

Привет! Мне нужен расширяемый пользовательский интерфейс, а при расширении строки необходимо показать подробный вид выбранной строки в Ul li.

Я проверяю официальный сайт, но ничего не нашел, это возможно в пользовательском интерфейсе?

Спасибо

Answer 1

Вам необходимо предоставить свой собственный expandableRowTemplate, показывающий детали этой строки.Например, посмотрите это Plunkr , основываясь на примере Plunkr:

expandableRowTemplate.html:

<div >{{row.entity.name}} ({{row.entity.age}})</div>

app.js:

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable']);

app.controller('MainCtrl', function MainCtrl($http, $log) {
  var vm = this;

  vm.gridOptions = {
    expandableRowTemplate: 'expandableRowTemplate.html',
    expandableRowHeight: '*',
    showExpandAllButton: false
  };

  vm.gridOptions.columnDefs = [
    { name: 'id' },
    { name: 'name'},
    { name: 'age'},
    { name: 'address.city'}
  ];

  $http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/500_complex.json')
    .then(function(response) {
      vm.gridOptions.data = response.data;
    });

    vm.gridOptions.onRegisterApi = function(gridApi){
      vm.gridApi = gridApi;
    };
});