Как применить Раскрытие только к определенным группам? - PullRequest
Новая
       42

Как применить Раскрытие только к определенным группам?

3 голосов
/ 18 ноября 2011

У меня сейчас такая группировка:

enter image description here

Код: 

Ext.regModel('Contact', {
    fields: ['firstName', 'lastName']
});

var store = new Ext.data.JsonStore({
    model  : 'Contact',
    getGroupString : function(record) {
        //return record.get('lastName')[0];
        return record.get('group');
    },
    data: [
        {firstName: 'Tung', lastName: 'Hauw', group: 'Parents'},
        {firstName: 'Regina', lastName: 'Clarissa', group: 'Parents'},
        {firstName: 'Melvin', lastName: 'Gilbert', group: 'Children'},
        {firstName: 'Jeaffrey', lastName: 'Gilbert', group: 'Children'},
        {firstName: 'Melissa', lastName: 'Merryl Gilbert', group: 'Children'},
        {firstName: 'Jesica', lastName: 'Merryl Gilbert', group: 'Children'}
    ]
});

var list1 = new Ext.List({
    flex: 1,
    cls: 'list_simple',
    sorters: ['firstName', 'group'],
    itemTpl: '{firstName} {lastName}',
    grouped: true,
    groupTpl : [
        '<tpl for=".">',
            '<div class="x-list-group x-group-{id}">',
                '<h3 class="x-list-header"><div class="header">{group}</div></h3>',
                '<div class="x-list-group-items">',
                    '{items}',
                '</div>',
            '</div>',
        '</tpl>'
    ],
    onItemDisclosure: function(record, btn, index) {
        Ext.Msg.alert('Tap', 'Disclose more info for ' + record.get('firstName') + ' ' + record.get('lastName'), Ext.emptyFn);
    },
    store: store
});

Мне нужно конкретное раскрытие для конкретной группы. С моим кодом выше, я получаю, что все группы имеют одинаковое раскрытие. Я пытаюсь достичь этого дизайна:

enter image description here

Нет раскрытия для предметов Родителя. Если мы скользим по строке Родителя, мы увидим кнопку Удалить. Кроме того, он имеет событие касания.

Я понятия не имею, куда мне следует переместить / изменить событие раскрытия. Может ли кто-нибудь помочь мне?

1 Ответ

1 голос
/ 18 ноября 2011

Лучший способ изменить внешний вид раскрытия - использовать класс CSS группы. Если вы добавите правило для определения цели раскрытия. Я не уверен на 100% в том, какое правило стиля вы используете (я думаю, что webkit-mask-box-image), но если вы добавите подобное правило в свой CSS, оно должно работать ... 

x-list-group x-group-{id} .x-list-disclosure {
   -webkit-mask: none;
   -webkit-mask-box-image: none;
}

Очевидно, измените часть {id}, чтобы она отображала идентификатор вашей родительской группы, и таким образом ни у одного из ваших родительских элементов не будет значка раскрытия.

Ссылка

...