powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Copy/paste from excel into ExtJs-Grid?
15 сообщений из 15, страница 1 из 1
Copy/paste from excel into ExtJs-Grid?
    #37918012
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравтсв, порыл, порыл - инфы не нашел.
Нужно сделать следующее(из названия темы видно что именно).

Есть в excel табличка с данными, мы копируем эту табличку и все данные так же ровненько вставляются в ExtJs табличку.

Кто-то делал такое?


На данный момент нашел только один инструмент который это делает корректно - SocialCalc.
http://plugindetector.com/socialcalc

Смастерил я из примеров ExtJs табличку, что дальше? Как парсить буфер? Насколько я знаю такое(ровненькое вставление данных из excel) по умолчанию в ExtJs не предусмотрено...

Вопрос в том, что я не знаю как это реализовать, может если кто натолкнет на правильный путь?

В общем много как, как, как...

Спасибо за советы, а если у кого завалялось решение сией задачки, буду премного благодарен!
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37918117
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Навскидку (в общем виде):
1. Получаем данные из clipboard'а
2. Приводим к удобоваримому виду для reader'а
3. Ext.data.Store.loadData()

Остальное добавляеся по мере необходимости...
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37918206
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Ex_Soft2. Приводим к удобоваримому виду для reader'а что имеется в виду? data.reader(Array, json, xml)?
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37918234
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
_webdev_что имеется в виду? data.reader(Array, json, xml)?
/me думает: Ну это же Ваш сон reader ;) Во что преобразуете - тот и используйте... Как говорится: "...хмара в наших руках..." ©
Как по мне - наиболее нетривиален п. 1...
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919172
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Ex_SoftКак по мне - наиболее нетривиален п. 1... тоисть наиболее трезвым вариантом будет вариант посерединке.. json?

Еще интересует такой момент как нажатие ctrl+v - ведь именно в этот момент я должен сказать скрипту, - читай буфер и загоняй мне в json, а потом этот json расставлять по ячейкам...

Я не знаю. нужно ли будет имплементировать менб по нажатии правой кнопки, но остановимся пока на ctrl+v.
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919287
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
_webdev_тоисть наиболее трезвым вариантом будет вариант посерединке.. json?
/me думает: пусть будет json... ;) Тем паче - он самый нативный...

_webdev_Еще интересует такой момент как нажатие ctrl+v - ведь именно в этот момент я должен сказать скрипту, - читай буфер и загоняй мне в json, а потом этот json расставлять по ячейкам...

Я не знаю. нужно ли будет имплементировать менб по нажатии правой кнопки, но остановимся пока на ctrl+v.
Здесь у Вас более плодотворная беседа в этом направлении... Я могу только заниматься "...рукомашеством и ногодрыжеством..." ©, а, в случае конкретики, пожалуй, скажу пас... Потому как, в отличие от Вашего визави, конкретно таким не занимался, а сейчас разбираться во всем этом - недосуг...
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919346
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Ex_Soft/me думает: пусть будет json... ;) Тем паче - он самый нативный... - пусть будет. :)

Зы, вашы сообщения заставляют меня улыбаться, пасиб.

Ex_Soft Здесь у Вас более плодотворная беседа в этом направлении... Я могу только заниматься "...рукомашеством и ногодрыжеством..." ©, а, в случае конкретики, пожалуй, скажу пас... Потому как, в отличие от Вашего визави, конкретно таким не занимался, а сейчас разбираться во всем этом - недосуг... - и за то спасибо. :) наводите на правильные мысли.
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919439
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Подскажите еще пож, можно ли средствами ExtJs создать вот такой grid?
http://www.developerextensions.com/index.php/extjs-excel-copypaste-grid

Имеется в виду есть ли готовый такой компонент в Ексте? Возможность выделения ячеек и при двойном клике редактирование(как в excel). Или автор сам что-то допиливал?

Посмотрел исходник - автор использует "Ext.grid.ColumnModel", stackoverflow говорит, что в 4Ексте это "Ext.grid.column.Column" - в доках есть пример, но ведет себя он не так как этот пример.

Пасиб.
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919478
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
_webdev_Возможность выделения ячеек
Ext.grid.Panel.selModel / Ext.grid.Panel.selType
_webdev_при двойном клике редактирование(как в excel)
Ext.grid.plugin.CellEditing.clicksToEdit
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
...
            selType: "cellmodel",
            plugins: [
                Ext.create("Ext.grid.plugin.CellEditing", {
                    clicksToEdit: 2
                })
            ],
...
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919498
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
_webdev_Подскажите еще пож, можно ли средствами ExtJs создать вот такой grid?
http://www.developerextensions.com/index.php/extjs-excel-copypaste-grid

BTW,
http://www.developerextensions.com/components/com_extensiondemo/views/extensiondemo/tmpl/ext3/ux/excel-grid/EditorPasteCopyGrid.js ...
Ext.DomQuery.selectNode('div[class*=x-grid3-scroller]', this.getEl().dom).style.overflowX='hidden';
// map multiple keys to multiple actions by strings and array of codes
new Ext.KeyMap(Ext.DomQuery.selectNode('div[class*=x-grid3-scroller]', this.getEl().dom).id, [{
key: "c",
ctrl:true,
fn: function(){
==> thisGrid.copyToClipBoard(thisGrid.getSelectionModel().getSelectedCellRange());
}
},{
key: "v",
ctrl:true,
fn: function(){
==> thisGrid.pasteFromClipBoard();
}
}]);
},
...
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919633
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ExSoft - firebug показывает что так то вроде не много кода, но для меня как новичка в этом всем нужно будет долго курить.
Ну ничего помаленьку. Здесь вроде все и логично, но иногда не знаешь что и куда вешать, как склеивать.
Пасиб.
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919863
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Вот что получилось

Код: 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.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
Ext.Loader.setConfig({
	enabled : true
});
Ext.Loader.setPath('Ext', '../../extjs');
Ext.require(['Ext.*']);

Ext.onReady(function() {

	Ext.create('Ext.data.Store', {
		storeId : 'myStore',
		fields : ['one', 'two', 'three'],
		data : {
			'items' : [{
				'one' : '1',
				"two" : "2",
				"three" : "3"
			},{
				'one' : '1',
				"two" : "2",
				"three" : "3"
			},{
				'one' : '1',
				"two" : "2",
				"three" : "3"
			},{
				'one' : '1',
				"two" : "2",
				"three" : "3"
			},{
				'one' : '1',
				"two" : "2",
				"three" : "3"
			},{
				'one' : '1',
				"two" : "2",
				"three" : "3"
			},]
		},
		proxy : {
			type : 'memory',
			reader : {
				type : 'json',
				root : 'items'
			}
		}
	});
	
	Ext.create('Ext.grid.Panel', {
		title : 'Copy/Paste Grid',
		store : Ext.data.StoreManager.lookup('myStore'),
		columns : [{
			header : 'A',
			dataIndex : 'one',
			editor : 'textfield'
		}, {
			header : 'B',
			dataIndex : 'two',
			editor : {
				xtype : 'textfield',
				allowBlank : false
			}
		}, {
			header : 'C',
			dataIndex : 'three',
			editor : 'textfield'
		}, {
			header : 'D',
		}, {
			header : 'E',
		}, {
			header : 'F',
		}, {
			header : 'G',
		}, {
			header : 'H',
			flex:1
		}],
		
		selType : 'cellmodel',
		plugins : [Ext.create('Ext.grid.plugin.CellEditing', {
			clicksToEdit : 2
		})],
		height : 400,
		width : 1000,
		selType: 'cellmodel',
		selModel: { mode: 'MULTI' },
		padding: 25,
		renderTo : 'grid'
	});

});



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

Код: javascript
1.
selType: 'cellmodel',


, но почему-то оно у меня не работает..


Можно ли создать сетку например 100х100 и не забивать данными? И с возможностью редактирования этих полей, а то когда нет данных в ячейке ничего ни вставить нельзя и так д... Воно то и логично, потому что за это отвечает Store.

Я не ошибусь если предположу такое видение....?
Нужно вешать на ячейки какой-то обработчик, потом при двойном клике если ячейка пестая, то как-то все таки открывать ее и по ее закритии писать данные в Store.
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919896
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
update:
Хах, на счет никаких данных в колонках, то можно вот так... Работает.
Код: javascript
1.
2.
3.
4.
5.
{
        'one' : '',
        'two' : '',
	'three' : ''
}


Но может есть какой то спец метод?
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37919986
_webdev_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
update:

понял что делает selType, попробовал еще "multiSelect" - не то.
какая же опция отвечает за возможность выделения нескольких ячеек? :(
...
Рейтинг: 0 / 0
Copy/paste from excel into ExtJs-Grid?
    #37920133
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
On 16.08.2012 6:51 pm, _webdev_ wrote:
> какая же опция отвечает за возможность выделения нескольких ячеек? :(
ложка дегтя
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.5
...
Рейтинг: 0 / 0
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Copy/paste from excel into ExtJs-Grid?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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