DjangoBB LoFi version

Полная версия: Создание таблицы в HTML через Python

Начало » Web » Создание таблицы в HTML через Python

Mag

Сен. 24, 2010 15:56:57

Всем привет!)
есть простенькая табличка в ХТМЛЕ

<table border="1" width = "100%">
 		<tr>

  			<td align="center" rowspan = "2">№</td>
			<td align="center" rowspan = "2">Число и дата</td>
  			<td align="center" rowspan = "2">Краткое содержание выполненных работ по вопросам раздела (темы), программы практики</td>
  			<td align="center" colspan = "2">Подпись руководителей</td>	

 		</tr>
		<TR>
			<TD align="center">От предприятия</TD>
			<TD align="center">От колледжа</TD>
		</TR>
		<TR>
			<TD>1</TD>
			<TD>1</TD>
			<TD>1</TD>
			<TD>1</TD>
			<TD>1</TD>
		</TR>

	</TABLE>

и есть кнопочка….

1. Как сделать, чтобы при нажатии на кнопку в табличку добавлялась 1 пустая строка.
2. Как сделать, чтобы поля таблицы были изменяемыми в реальном времени.
3. Используя Python, GAE, HTML

Заранее спс)

Как я понял нужно сделать этакую процедурку, в нее прописать структуру 1й строки таблицы…
…но как это привязать к кнопке и питону

Ferroman

Сен. 24, 2010 16:12:21

1. Попробуйте использовать генерацию html-ки с помощью любого шаблонизатора. Например Jinja2. Кнопочка - это форма, которая отправляет запрос, после чего и формируется страница.
2. Что Вы имели в виду? Если имелось в виду без перезагрузки страницы - надо использовать AJAX с помощью JavaScript.
3. Начните с чтения Python (http://www.intuit.ru/department/pl/python/), GAE(http://habrahabr.ru/blogs/gae/81895/), HTML(http://www.intuit.ru/department/internet/htmlbasics/).

Mag

Сен. 24, 2010 16:47:46

Ferroman
2. Что Вы имели в виду? Если имелось в виду без перезагрузки страницы - надо использовать AJAX с помощью JavaScript.

чтобы можно было каждое поле таблицы редактировать как в Екселе)

regall

Сен. 24, 2010 16:56:50

Mag
чтобы можно было каждое поле таблицы редактировать как TEdit или TMemo ака Ексель)

Ну, тут вам не Delphi. Взгляните в сторону Sencha ExtJS. Там такое реализовано. Или сами сделайте на javascript, и по событиям нажатия клавиш делайте сабмит формы, или AJAX-запрос на сохранение поля. Но для этого нужно на сервере сделать обработчик.

Mag

Сен. 24, 2010 17:42:16

regall
Ну, тут вам не Delphi.

Да уж привык))

regall
Взгляните в сторону Sencha ExtJS.

за ссылочку и идею спс) буду пробовать

Mag

Сен. 24, 2010 19:14:04

Ferroman
Если имелось в виду без перезагрузки страницы - надо использовать AJAX с помощью JavaScript.

А если вот так…
есть таблица…
есть поля ТЕХТ по колво ячеек в строке…
заполняем их….
нажимаешь кнопочку и заполненные поля присоединяются к общей таблице?

Mag

Сен. 25, 2010 19:59:04

кому интересно….
создаем файлик на JavaScript…например AddRows.js
и туда запихиваем такой код

var d = document;

var name;
var initials;
var posada;

function addRow()
{
    // Считываем значения с формы
    name = d.getElementById('name').value;
    initials = d.getElementById('initials').value;
    rukvo_rabota = d.getElementById('rukvo_rabota').value;
    rukvo_wapara = d.getElementById('rukvo_wapara').value;

    // Находим нужную таблицу
    var tbody = d.getElementById('tab1').getElementsByTagName('TBODY')[0];

    // Создаем строку таблицы и добавляем ее
    var row = d.createElement("TR");
    tbody.appendChild(row);

    // Создаем ячейки в вышесозданной строке
    // и добавляем тх
    var td1 = d.createElement("TD");
    var td2 = d.createElement("TD");
    var td3 = d.createElement("TD");
    var td4 = d.createElement("TD");
	
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);

    // Наполняем ячейки
    td1.innerHTML = name;
    td2.innerHTML = initials;
    td3.innerHTML = rukvo_rabota;
    td4.innerHTML = rukvo_wapara;	
}

в HTML файле с таблицой пишем такую шнягу….

<script type="text/javascript" src="addrows.js"></script>
<form action="" method="post" id="add_persons"  onsubmit="addRow();return false;">
	<fieldset>
	<legend>Добавить событие</legend>
    	<ul>
            <label for="name">Дата:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>

            <input type="text" name="name" id="name" value=""  tabindex="1" />
	<p>

            <label for="initials">Содержание работ:&nbsp; </label>

            <input type="text" name="initials" id="initials" value=""  tabindex="2" />
	<p>
 
            <label for="rukvo_rabota">Подпись рук-ва предприятия:&nbsp;</label>

            <input type="text" name="rukvo_rabota" id="rukvo_rabota" value="" tabindex="3" />
	<p>
 
            <label for="rukvo_wapara">Подпись рук-ва колледжа: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>

            <input type="text" name="rukvo_wapara" id="rukvo_wapara" value="" tabindex="4" />
	<p>
            <input type="submit" name="subm" class="submit" value="Добавить" tabindex="5" />
		<input type="Reset" value="Очистить"/>
	</ul>
	</fieldset>
	</form>

<table id="tab1" class="sortable" border = "1" width = "100%">
        <TR>
            <td align = "center" rowspan ="2">Дата</td>
            <td align = "center" rowspan ="2">Краткое содержание</td>
	    <td align = "center" colspan ="2">Подпись</td>
		
        </TR>

</table>

Mag

Сен. 25, 2010 20:03:40

Теперь другой вопрос…где можно почитать про работу с файлами?
Например, чтоб пользователь добавил сколько захочет строк с данными, тыкнул на кнопочку и вся таблица запихнулась в файл…
А при следующем открытии страницы с таблицей все данные обратно прыгнули из файла в таблицу =)

regall

Сен. 25, 2010 20:21:08

Не совсем понятно, что за файл и где он должен сохранятся?

Mag

Сен. 26, 2010 10:38:36

regall
Не совсем понятно, что за файл и где он должен сохранятся?

да любой…способный хранить таблицу…тот же Ехель
Храниться по идее должен на сервере)
может нужно сделать, чтобы при нажатии на кнопку, если Ехеля нету, то создавался файл, в него пихалась таблица с хтмл страницы, а если есть, то инфа обновлялась в нем, и при последующем запуске страницы таблица подгружалась из Ехеля…