Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Renziglov
Member

Откуда:
Сообщений: 77
Привет.
Начал разбираться с UI-Grid. Не получается заменить заголовок. Код такой:
angular.module('IDTGridModule', ['ngAnimate', 'ngTouch', 'ui.grid', 'ui.grid.edit']).controller('EmployeeListController', EmployeeListController);

function EmployeeListController() {
    var vm = this;
    vm.gridOptions = {
        columnDefs: [
            { displayName: 'EmployeeFN', name: 'firstName', field: 'firstName', enableCellEdit: true, headerCellClass: 'blue' },
            { displayName: 'EmployeeLN', name: 'lastName', field: 'lastName', enableCellEdit: false },
            { dispalyName: 'Company', name: 'company', field: 'company', enableCellEdit: false },
            { dispalyName: 'Employed', name: 'employed', field: 'employed', enableCellEdit: false },
            { dispalyName: 'Date Of Birth', name: 'DOB', field: 'DOB', enableCellEdit: false }
        ]
    };

    vm.myData = [
        {
            firstName: "CoxShmox",
            lastName: "Carney",
            company: "Enormo",
            employed: true,
            DOB: "1/1/2000"
        },
        {
            firstName: "LorraineShmazine",
            lastName: "Wise",
            company: "Comveyer",
            employed: false,
            DOB: "1/1/2000"
        },
        {
            firstName: "NancyShmansy",
            lastName: "Waters",
            company: "Fuelton",
            employed: false,
            DOB: "1/1/2000"
        }
    ];
}


Не взирая, показывает такие заголовки для колонок:

First пробел Name
Last пробел Name
Company
Employed
Dob

Откуда она это берет? Где мой EmployeeFN?
Спасибо.
4 дек 18, 16:45    [21753335]     Ответить | Цитировать Сообщить модератору
 Re: UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Konst_One
Member

Откуда:
Сообщений: 11335
displayName
dispalyName

найди отличия
4 дек 18, 16:50    [21753345]     Ответить | Цитировать Сообщить модератору
 Re: UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Antonariy
Member

Откуда: ☭
Сообщений: 72749
Konst_One
displayName
dispalyName

найди отличия
вот поэтому TypeScript рулит)
4 дек 18, 22:42    [21753763]     Ответить | Цитировать Сообщить модератору
 Re: UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Renziglov
Member

Откуда:
Сообщений: 77
Konst_One,
А, это язык типа найди десять отличий. Хорошо, отличия найдены. Вот как выглядит теперь

vm.gridOptions = {
        columnDefs: [
            { displayName: 'EmployeeFN', name: 'firstName', field: 'firstName', enableCellEdit: true, headerCellClass: 'blue' },
            { displayName: 'EmployeeLN', name: 'lastName', field: 'lastName', enableCellEdit: false },
            { displayName: 'Company', name: 'company', field: 'company', enableCellEdit: false },
            { displayName: 'Employed', name: 'employed', field: 'employed', enableCellEdit: false },
            { displayName: 'Date Of Birth', name: 'DOB', field: 'DOB', enableCellEdit: false }
        ]


В браузере упорно "First Name" вместо EmployeeFN. Что еще может быть?
4 дек 18, 23:02    [21753775]     Ответить | Цитировать Сообщить модератору
 Re: UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Relic Hunter
Member

Откуда: AB
Сообщений: 6978
Renziglov
Konst_One,
А, это язык типа найди десять отличий. Хорошо, отличия найдены. Вот как выглядит теперь

vm.gridOptions = {
        columnDefs: [
            { displayName: 'EmployeeFN', name: 'firstName', field: 'firstName', enableCellEdit: true, headerCellClass: 'blue' },
            { displayName: 'EmployeeLN', name: 'lastName', field: 'lastName', enableCellEdit: false },
            { displayName: 'Company', name: 'company', field: 'company', enableCellEdit: false },
            { displayName: 'Employed', name: 'employed', field: 'employed', enableCellEdit: false },
            { displayName: 'Date Of Birth', name: 'DOB', field: 'DOB', enableCellEdit: false }
        ]


В браузере упорно "First Name" вместо EmployeeFN. Что еще может быть?


Ну значит нету такого тэга (displayName). Кури доку.
4 дек 18, 23:52    [21753814]     Ответить | Цитировать Сообщить модератору
 Re: UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Konst_One
Member

Откуда:
Сообщений: 11335
title:'EmployeeFN'
5 дек 18, 16:26    [21754636]     Ответить | Цитировать Сообщить модератору
 Re: UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Renziglov
Member

Откуда:
Сообщений: 77
Konst_One,

Методом перебора всех знакомых слов?
А есть кто-нибудь, кто работал c UI-Grid?
5 дек 18, 17:41    [21754763]     Ответить | Цитировать Сообщить модератору
 Re: UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Konst_One
Member

Откуда:
Сообщений: 11335
что ты ждёшь? сам пробуй.

1) name: 'col1', displayName: 'my column1 Name' ... displayName должно быть после name
2) можно так: name: 'col1', headerCellTemplate:'< div >my column1 Name</ div >' ...
5 дек 18, 18:01    [21754799]     Ответить | Цитировать Сообщить модератору
 Re: UI-Grid (Angular). Как отобразить заголовок колонки?  [new]
Renziglov
Member

Откуда:
Сообщений: 77
Konst_One,
Раскопал. Потеряна фигурная скобка.
Непривычно. Браузер не показывает внизу проблем с JS, только F12 Console Хрома. Но это надож туда еще тыркнуть.
Ладно, учтем.
5 дек 18, 18:36    [21754825]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить