Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: ExtJS
Войти
Регистрация
Восстановить пароль
 
Lyubimov_sanya
0 / 0 / 1
Регистрация: 22.10.2013
Сообщений: 34
#1

Ext js 4 не добавляет вкладки

06.12.2017, 05:49. Просмотров 347. Ответов 2
Метки нет (Все метки)

2 примера кода описываю 2 объекта в интерфейсе
Javascript
1
{ text:_ACADEM_CALENDAR_,tooltip:_HINT_ACADEM_CALENDAR_, scale:'large', rowspan:1, iconCls:'mi-cplan', iconAlign:'left', handler:this.clickAcademCalendar },
Javascript
1
{ text:_ACADEM_DIFFERENCE_,tooltip:_HINT_ACADEM_DIFFERENCE_, scale:'large', rowspan:1, iconCls:'mi-cplan', iconAlign:'left', handler:this.clickAcademDifference },
Далее описываю обработку кликов

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
clickAcademCalendar: function(){
        var id_tab = 'id_tab_academcalendar'; var tab = Ext.getCmp(id_tab);
        if(typeof tab!== "undefined"){
            Ext.getCmp('id_maintabs').setActiveTab(id_tab);
        }else{
            Ext.getCmp('id_maintabs').addTab({
                id:id_tab, layout:'fit', closable:true, closeAction:'hide',
                title:_ACADEM_CALENDAR_,
                items:[{xtype:'academcalendarmain'}] 
            }); 
        }
        Ext.getStore('Weeks').load();
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
clickAcademDifference: function(){
        var id_tab = 'id_tab_academdifference'; var tab = Ext.getCmp(id_tab);
        if(typeof tab!== 'undefined'){
            Ext.getCmp('id_maintabs').setActiveTab(id_tab);
        }else{
            Ext.getCmp('id_maintabs').addTab({
                id:id_tab, layout:'fit', closable:true, closeAction:'hide',
                title:_ACADEM_DIFFERENCE_,
                items:[{xtype:'academdifferencemain'}] 
            }); 
        }
        Ext.getStore('AcademDifference').load();
    },
во втором описании показывает ошибку на этой строке Ext.getCmp('id_maintabs').addTab({
а в консоли браузера следующую ошибку выдает
Uncaught TypeError: Cannot read property 'substring' of undefinedExt.ClassManager.parseNamespace
@ ext-all-debug.js:3487Ext.ClassManager.get
@ ext-all-debug.js:3583Ext.ClassManager.instantiate
@ ext-all-debug.js:3749Ext.ClassManager.instantiateByAlias
@ ext-all-debug.js:3737(anonymous function)
@ ext-all-debug.js:1521Ext.define.create
@ ext-all-debug.js:16672Ext.define.createComponent
@ ext-all-debug.js:28228Ext.define.lookupComponent
@ ext-all-debug.js:28216Ext.define.prepareItems
@ ext-all-debug.js:28187Ext.define.add
@ ext-all-debug.js:28276Ext.define.add
@ ext-all-debug.js:28266Ext.define.initItems
@ ext-all-debug.js:28091Base.callParent
@ ext-all-debug.js:2833Ext.define.initItems
@ ext-all-debug.js:32890Ext.define.initComponent
@ ext-all-debug.js:28075Base.callParent
@ ext-all-debug.js:2833Ext.define.initComponent
@ ext-all-debug.js:32882Base.callParent
@ ext-all-debug.js:2833Ext.define.initComponent
@ ext-all-debug.js:37353Ext.define.constructor
@ ext-all-debug.js:18584Base.callParent
@ ext-all-debug.js:2833Ext.define.constructor
@ ext-all-debug.js:27244newClass
@ ext-all-debug.js:3067(anonymous function)
@ VM67:3Ext.ClassManager.instantiate
@ ext-all-debug.js:3787Ext.ClassManager.instantiateByAlias
@ ext-all-debug.js:3737(anonymous function)
@ ext-all-debug.js:1521Ext.define.create
@ ext-all-debug.js:16672Ext.define.createComponent
@ ext-all-debug.js:28228Ext.define.lookupComponent
@ ext-all-debug.js:28216Ext.define.prepareItems
@ ext-all-debug.js:28187Ext.define.add
@ ext-all-debug.js:28276Ext.define.addTab
@ Maintabs.js?_dc=1512527591828:35Ext.define.clickAcademDifference
@ Mainmenu.js?_dc=1512527592107:439Ext.define.onClick
@ ext-all-debug.js:29417(anonymous function)
@ VM563:6wrap
@ ext-all-debug.js:10688
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.12.2017, 05:49
Ответы с готовыми решениями:

Ext JS 4. Доступ к записям в Ext.Data.Store
Друзья! Я только недавно начал изучать Ext JS 4, потому еще мало что понимаю и...

EXT JS 3.4.0
Доброго вам времени суток. Есть такая задача. Есть грид. При нажатии кнопки...

Проблеми і Ext JS
видает Ext.JSON.decode(): You're trying to decode an invalid JSON String:...

Ext Js 3.4.0 Не работает
Не работает большинство методов по каким-то причинам. Почему-то не понимает,...

Ошибка в Ext-core
Всем привет! Я новичок в области Web-программирования, и поэтому у меня возник...

2
Donald28
странник
809 / 480 / 108
Регистрация: 28.05.2012
Сообщений: 1,516
Записей в блоге: 2
06.12.2017, 21:31 #2
На сколько я понял, Extjs не может найти компонент с xtype: academcalendarmain или xtype: academdifferencemain, которые являются вложенными во вкладки
0
Lyubimov_sanya
0 / 0 / 1
Регистрация: 22.10.2013
Сообщений: 34
08.12.2017, 12:44  [ТС] #3
Подключаю контроллер он препятствует загрузке php скриптов
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
Ext.define('SDO.controller.AcademDifference', {
    extend: 'Ext.app.Controller',
 
    views: ['academdifference.Main', 'cbDOTFaculties','cbDOTSpecialities','cbDOTStreams','cbDOTGroups','cbDOTStudents', 'academdifference.List'],
    stores: ['DOTFaculties','DOTSpecialities','DOTStreams', 'DOTGroups','DOTStudents','AcademDifference'],
    models: ['Faculty','Speciality','Stream', 'Group','cbStudent', 'AcademDifference'],
 
    init: function() {
        this.control({
            '#id_ac_cbfaculties':{ 'select': function(){
                    Ext.getCmp('id_ad_cbspecialities').setValue('');
                    Ext.getCmp('id_ad_cbstreams').setValue(''); 
                    Ext.getCmp('id_ad_cbspecialities').store.proxy.extraParams = {'IDFaculty':Ext.getCmp('id_ac_cbfaculties').getValue() };
                    Ext.getCmp('id_ad_cbspecialities').store.load();
                    Ext.getCmp('id_ad_cbstreams').store.proxy.extraParams = {'IDFaculty':Ext.getCmp('id_ac_cbfaculties').getValue()};
                    Ext.getCmp('id_ad_cbstreams').store.load();
            }},
            '#id_ac_cbspecialities':{ 'select': function(){
                    Ext.getCmp('id_ad_cbstreams').setValue('');
                    Ext.getCmp('id_ad_cbgroups').setValue('');
                    Ext.getCmp('id_ad_cbstreams').store.proxy.extraParams = {'IDSpeciality':Ext.getCmp('id_ac_cbspecialities').getValue()};
                    Ext.getCmp('id_ad_cbstreams').store.load();
                    Ext.getCmp('id_ad_cbgroups').store.proxy.extraParams = {'IDSpeciality':Ext.getCmp('id_ac_cbspecialities').getValue()};
                    Ext.getCmp('id_ad_cbgroups').store.load();
            }},
            '#id_ac_cbstreams':{ 'select': function(){
                    Ext.getCmp('id_ad_cbgroups').setValue('');
                    Ext.getCmp('id_ad_cbstudents').setValue('');
                    Ext.getCmp('id_ad_cbgroups').store.proxy.extraParams = {'IDStream':Ext.getCmp('id_ac_cbstreams').getValue()};
                    Ext.getCmp('id_ad_cbgroups').store.load();
                    Ext.getCmp('id_ad_cbstudents').store.proxy.extraParams = {'IDStream':Ext.getCmp('id_ac_cbstreams').getValue()};
                    Ext.getCmp('id_ad_cbstudents').store.load();
            }},
             '#id_ac_cbgroups':{ 'select': function(){        
                    Ext.getCmp('id_ad_cbstudents').setValue('');
                    Ext.getCmp('id_ad_cbstudents').store.proxy.extraParams = {'IDGroup':Ext.getCmp('id_ac_cbgroups').getValue()};
                    Ext.getCmp('id_ad_cbstudents').store.load();
            }},
            '#id_ac_cbstudents':{ 'select': function(){        
                   if(Ext.getCmp('id_ad_filter').getForm().isValid()){
                    Ext.getCmp('id_academdifferencelist').store.proxy.extraParams = {
                    'IDStudent':Ext.getCmp('id_ad_cbstudents').getValue()
                    };
                        Ext.getCmp('id_academdifferencelist').store.load();
                    }
                 }   
 
            },
                    //           
            'academdifferencemain button[action=select]':{ 'click': function(btn) {
                if(Ext.getCmp('id_ad_filter').getForm().isValid()){
                    Ext.getCmp('id_academdifferencelist').store.proxy.extraParams = {
                        'IDFaculty':Ext.getCmp('id_ad_cbfaculties').getValue(),
                       // 'IDSpeciality':Ext.getCmp('id_ad_cbspecialities').getValue(),
                        'IDStream':Ext.getCmp('id_ad_cbstreams').getValue(),
                       // 'IDGroup':Ext.getCmp('id_ad_cbgroups').getValue(),
                        'IDStudent':Ext.getCmp('id_ad_cbstudents').getValue()
                    };
                        Ext.getCmp('id_academdifferencelist').store.load();
                    }
                }
            },
            'academdifferencemain button[action=clear]':{ 'click': function(btn) {
                    Ext.getCmp('id_ad_filter').getForm().reset();
                    //clear stores
                    Ext.getCmp('id_ad_cbspecialities').store.proxy.extraParams = {};
                    Ext.getCmp('id_ad_cbspecialities').store.load();
                    Ext.getCmp('id_ad_cbstreams').store.proxy.extraParams = {};
                    Ext.getCmp('id_ad_cbstreams').store.load();
                    Ext.getCmp('id_ad_cbgroups').store.proxy.extraParams = {};
                    Ext.getCmp('id_ad_cbgroups').store.load();
                    Ext.getCmp('id_ad_cbstudents').store.proxy.extraParams = {};
                    Ext.getCmp('id_ad_cbstudents').store.load();
                    Ext.getCmp('id_academcalendarlist').store.proxy.extraParams = {};
                    Ext.getCmp('id_academcalendarlist').store.load();
                }
            }
        
        });
    }
});
подключаю его в конфигураторе здесь
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Ext.application({
    name: 'SDO',
    appFolder: 'SDOApp',
    
    controllers: ['Mainmenu', 'Maintabs', 'Maintools', 'Students', 'Staff', 'Library', 'AddMaterial', 'ListManager', 'LoadOfTutors', 'LPlans', 'News', 'Reminders', 'AcademCalendar', /*'AcademDifference',*/ 'Messenger', 'Forum', 'Rating', 'Testing', 'Orders', 'DPlans', 'GBook', 'Files', 'Consultations', 'VideoRecords', 'Webinars', 'ActionUsers', 'FileMessenger'],
    launch: function() {
    //
        Ext.create('Ext.container.Viewport', {
            layout: 'border', frame: false, id: 'id_vp',
            items: [
                { region: 'north', xtype: 'mainmenu', id: 'id_mainmenu', bodyStyle: 'padding:2px', height: 102 },
                { region: 'center', xtype: 'maintabs', id: 'id_maintabs' },{ region: 'east', xtype: 'maintools' }
            ]
        });
 
    }
});
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
08.12.2017, 12:44

Начало работы с Ext JS
Добрый день! Хочу заняться программированием (знаний и опыта 0). Пытаюсь начать...

Быстрый и легкий аналог Ext js?
Какой фреймворк по архитектуре близок к ext js, но компактный, быстрый? То есть...

Не редактируется Ext.grid.Panel
Проблема, в названии темы, щелкаю по строке 1 щелчком, появляется Update-Cancel...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru