Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / UI-Grid (Angular). Как отобразить заголовок колонки? / 9 сообщений из 9, страница 1 из 1
04.12.2018, 16:45
    #39742502
Renziglov
Renziglov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
Привет.
Начал разбираться с UI-Grid. Не получается заменить заголовок. Код такой:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
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?
Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.12.2018, 16:50
    #39742505
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
displayName
dispalyName

найди отличия
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.12.2018, 22:42
    #39742593
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
Konst_OnedisplayName
dispalyName

найди отличиявот поэтому TypeScript рулит)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.12.2018, 23:02
    #39742594
Renziglov
Renziglov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
Konst_One,
А, это язык типа найди десять отличий. Хорошо, отличия найдены. Вот как выглядит теперь

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
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. Что еще может быть?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.12.2018, 23:52
    #39742602
Relic Hunter
Relic Hunter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
RenziglovKonst_One,
А, это язык типа найди десять отличий. Хорошо, отличия найдены. Вот как выглядит теперь

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
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). Кури доку.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.12.2018, 16:26
    #39742949
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
Код: sql
1.
title:'EmployeeFN'
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.12.2018, 17:41
    #39743023
Renziglov
Renziglov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
Konst_One,

Методом перебора всех знакомых слов?
А есть кто-нибудь, кто работал c UI-Grid?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.12.2018, 18:01
    #39743033
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
что ты ждёшь? сам пробуй.

1) name: 'col1', displayName: 'my column1 Name' ... displayName должно быть после name
2) можно так: name: 'col1', headerCellTemplate:'< div >my column1 Name</ div >' ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.12.2018, 18:36
    #39743046
Renziglov
Renziglov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UI-Grid (Angular). Как отобразить заголовок колонки?
Konst_One,
Раскопал. Потеряна фигурная скобка.
Непривычно. Браузер не показывает внизу проблем с JS, только F12 Console Хрома. Но это надож туда еще тыркнуть.
Ладно, учтем.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / UI-Grid (Angular). Как отобразить заголовок колонки? / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 263ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443945]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 153ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 53ms
get tp. blocked users:
 2ms
others: 12ms
total:  263ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]