Создание Контекстного Меню

Это будет последней обучающей программой этой серии!! Я знаю, я знаю... Было так интересно читать все это! Хорош, достаточно слез! Теперь мы собираемся поговорить о Контекстных Меню, или, говоря более причудливо это, 'щелкните правой кнопкой мыши со своими меню мыши'.

Во-первых, мы сделаем запись номера ряда, где мы нажали :

У нас будет основное контекстное меню с тремя выборами: изменение выбранного президента, удаление и... печать таблицы.

Печатаем таблицу

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

Путь, выбранный здесь, состоит в том, чтобы просто создать файл HTML и заполнить это множеством, содержащим данные, показанные в сетке (все данные, не только первые 15)

Компонент QuickSearch

Вы скоро будете в состоянии создать свои собственные удивительные таблицы. Давайте изучим компонент QuickSearch.

Мы объяснили ранее , как сделать регулярный поиск по нашей таблице. Это все же потребовало, чтобы пользователь нажал на Вкладку поиска и заполнил необходимы строки... Порой это бывает ОЧЕНЬ сложной задачей для большинства пользователей. Компонент Quicksearch - в прикольный textbox, в который пользователь вводит свой текст, жмет Enter, и затем... Чтож это зависит от того, что мы делаем...

Пейджер

Хорошо это снова Вы... Давайте поговорим о пейджерах, которые Вы видите в основании страниц. Хорошая вещь - то, что они не слишком сложны в создании.

Пейджер в основном требует знания 2 вещей: сколько записей Вы хотите за страницу и где послать информацию о текущем состоянии. (мы будем посылать это в datastore)

Поиск в Таблице

Отлично... Как Вы можете видеть, мы можем форматировать нашу таблицу любым путем, каким мы хотим. Сегодня мы собираемся узнать, как сделать поиск в пределах нашей таблицы. Это просто теперь найти Джона Ф. Кеннеди, не только потому, что Вы конечно знаете даты его офиса, но также и потому что есть приблизительно 40 входов выбора. Это была бы другая история, если мы включали весь политический штат из США... Следовательно важно быть способным дать пользователю некоторые возможности сузить его исследование.

Собственные стили CSS

Отлично, рад видеть, что Вы все еще со мной! Если Вы зашли настолько далеко, Вы вероятно испытали огромную радость редактирования, добавления и удаления входов в таблице. Вы вероятно провели часы, играя с таблицей и провели некоторое время, показывая, что Вы сделали своим детям, своему супругу, своим родителям и возможно своей собаке. Наиболее вероятно, они только ответили: "Это великолепно!! Но есть ли какой-нибудь способ изменить стиль css этих ячеек??" Хорошо, достаточно тайн... ЭТО ВОЗМОЖНО!! И... Это - действительно не так сложно...

Удаление Входа

В прошлых частях мы создали доступную для редактирования таблицу и реализовали возможность добавления входа. Давайте не будем торопиться, и кое о чем подумаем. Мы не осуществили много, и мы должны были уже записать несколько сотен из строк программы... Это действительно иллюстрирует важность структурирования Вашего кода. Есть обучающие программы и темы форума о том, как вести код Ext. Удостоверьтесь, что Вы используете Firefox и отладчик (Firebug), что Вы проверяете результаты на IE также. Вы можете проверить свои.js файлы с JSLint, чтобы удостовериться, что они правильны. Удостоверьтесь, чтобы выровнять Ваш код правильно так, чтобы Вы всегда знали, где Вы. Если Вы все еще застреваете, проверьте Mickael's FAQ on grid

Добавление Нового Вхождения

Хорошо, мы установили нашу таблицу, и мы теперь в состоянии сделать в ней некоторые изменения. Они записаны непосредственно в нашей таблице SQL. Эта часть обучающей программы будет рассказывать Вам, как добавить новый вход в Вашу таблицу.

Есть много способов, которыми мы могли бы осуществить это. Один из путей, который показывают в Справке, состоит в том, чтобы вставить пустой новый вход в нашу таблицу и редактировать ее. Это - также путь, к которому приходит М. LeCompte. То, что мы собираемся сделать, является немного другим. Мы встроим новое окно, которое будет содержать форму для заполнения данными о президенте.

Напишу, пожалуй, сегодня о тонкостях настройки работы Java в линуксе на примере дистрибутива openSUSE 11.2 x86_64. Первым идем на сайт sun.com и скачиваем Java SDK. В его состав уже включен кстати Java JRE, так что последний можно не скачивать. Java SDK должна соответствовать используемой версии дистрибутива (в данном случае x86_64). Далее устанавливаем Java SDK.

Редактирование Таблицы

Отлично, у нас теперь есть таблица, которая отображает материал. Вы можете также видеть все хорошие особенности, которые может предложить Ext. Вы можете изменить размеры или переместить столбцы. Вы можете решить, что показать или скрыть. И лучше всего то, что Вы можете заставить небольшие красные треугольники появиться на углах ячейки, поскольку Вы редактируете их. Теперь это так...

Теперь, Вы спросите меня. Что происходит, когда я редактирую содержимое ячейки? Чтож, ответ весьма прост... Ничего. Хотя Ext делает много хороших вещей, оно позволяет нам обрабатывать все сохранение данных, что означает... То, что мы должны будем закодировать это сами. Это - цель данной части обучающей программы.

Настраиваем таблицу Ext

Итак... Время, чтобы показать наши результаты в красивой таблице Ext... Перед тем как продолжить, Вы должны быть в курсе двух вещей: DataStores и ColumnModels

Займемся нашим файлом mainscript.js :

Настраиваем PHP/SQL backend

Я предполагаю, что Вы уже знаете немного о PHP / SQL. Я буду придерживаться в этой обучающей программе определенных базовых элементов. Итак, давайте устанавливать требуемые SQL таблицы! Мы собираемся сделать небольшую американскую Хронологию, поскольку мы будем иметь дело с различными президентами США. Я составил две таблицы, ПРЕЗИДЕНТОВ и ПАРТИЙ, и добавил всех кроме одного президента. (мы добавим последнего позже в этой обучающей программе).