2011 »Январь» Yahoo! User Interface блог (YUIBlog)

Treeble с YUI 3 DataTable

24 января 2011 в 10:41 Джоном Lindal | В развитии , YUI 3 Галерея | 7 Комментариев

Бета-версии DataTable в YUI 3.3.0 дает очень мощный компонент, чтобы играть. Чтобы начать шин в полезный способ, я решил обновить свой Treeble примеры использования DataTable. (Treeble позволяет отображать иерархические данные в таблице .)

К моему большому удовольствию, это был ветер! Вся тяжелая работа выполняется в TreebleDataSource , которая простирается YUI 3 DataSource, поэтому все, что я должен сделать, это подключить его к DataTable с помощью Y.Plugin.DataTableDataSource , а затем настроить колонки:

 уаг DS = новый Y.TreebleDataSource (...),
	 пг = новый Y.Paginator (...),
	 таблицы;

 Функция SendRequest () {
	 table.datasource.load ({
		 запрос: {
			 startIndex: pg.getStartIndex ()
			 resultCount: pg.getRowsPerPage ()
		 }
	 });
 }

 уаг COLS = [
     {Ключ: "yui33-хак", этикетка:''},
     {
         ключ: "treeblenub, этикетка:'',
         форматирования: Y.Treeble.buildTwistdownFormatter (SendRequest)
     }
     {
         ключ: 'название', этикетка: «Название»,
         форматирования: Y.Treeble.treeValueFormatter
     }
     ...
 ];

 Таблица новых Y.DataTable.Base = ({columnset: COLS});
 table.plug (Y.Plugin.DataTableDataSource, {источник данных: DS});

Чтобы увидеть полный исходный код, обратитесь к живой пример .

Только мухи в бочке меда являются:

Yui33-хак колонке. В связи с ошибкой в YUI 3.3.0 DataTable , td элемента передается в колонке форматирования на самом деле от предыдущей колонке. Таким образом, в первом столбце таблицы показывает twistdown, а второй столбец пуст.
Неопределенные значения в данные отображаются в виде {value} вместо пробелов ( ошибка 2529858 ).

Для того, чтобы Treeble проще в использовании, я добавил кожи Сэм, какие стили в CSS классы выписанных Y.Treeble форматирования.

Наслаждайтесь!

Об авторе: Джон Линдал ( @ jafl5272 на Twitter) является одним из ведущих инженеров строительства фундамента, на котором Yahoo! APT построен. Ранее он работал в сети Yahoo! Publisher.

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Юй: Часы четверг 27 января

21 января 2011 в 4:04 вечера Люк Смит | В развитии , Часы | Комментариев нет

Следующий Юй: Часы работы будет в следующий четверг, 27.

На прошлой неделе мы попытались собрать слишком много в укороченном 1 слот время часов, и не хватило времени, прежде чем один из наиболее важных сегментов: в 2011 году Юй 3 дорожную карту обратной связи и предложение части. Итак, мы собираемся, чтобы забрать, где мы остановились, с Satyen отметить, любые обновления грубый план с прошлой недели, то это все, о чем вы думаете.

Так что приходите с вопросами и предложениями. Мы хотим услышать, что ваши приоритеты на предстоящий год и как мы можем помочь, и то, что ваши мысли о внесении YUI как продукт (или семейство продуктов) более полное и выдающееся.

Мы будем находиться в режиме онлайн с 10 утра до 11 утра PDT четверг. Соединение детали такие же, как обычно.

Набор номера 1-888-371-8922 (Skype прекрасно работает для неамериканских участников *)
Введите код участника 47188953 #
Присоединяйтесь к сессии разделения экрана (это вам будет предложено установить плагин Adobe Connect, если это ваш первый раз, используя его). Примечание: Этот адрес изменился, обновите ваши закладки, если вы все еще используете старый URL.

Грех Hinch получили разговор начался в форумах , так что добраться до мозгового штурма уже и мы увидим вас четверг!

UPDATE (1/26)

Вы можете найти проект 2011 дорожную карту , что Satyen обсуждались на прошлой неделе в вики YUILibrary.com. Мы не будем тратить много времени на проверку, поэтому посмотреть перед вызовом.

* - Если Skype не вариант, напишите мне на местный номер.

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Объявление Yahoo! Пользовательский интерфейс библиотеки 2.x Cookbook

21 января 2011 в 9:00 Мэтт Снайдер | В развитие | 6 Комментариев

Packt Publishing рада сообщить о выпуске своей новой книге, Yahoo! Пользовательский интерфейс библиотеки 2.x Cookbook . Книга содержит многочисленные рецепты кодирования, обеспечивая читателей с подробными примерами для более чем двадцати пяти YUI компоненты 2.x, в том числе контейнеров , Drag & падение , Connection Manager , DataTable , TreeView , и многое другое.

Что вы узнаете из этой книги

Я написал эту книгу, так что это поможет вам узнать, как использовать YUI 2.x построить богаче, более интерактивные веб-приложения, произвести впечатление на клиентов и удивить ваших друзей. Это рецепты объяснить более двадцати пяти компонентов YUI, показывая, как их использовать, и как настроить их в соответствии с вашими потребностями. Каждая покрыта компонент будет иметь извлекаемые примеров кода, демонстрирующих общие пути, что компонент не используется.

Кроме того, полный рабочий код можно загрузить отдельно по каждой главе, так что легче следовать. Для каждого из рецептов, есть вводный пример, а затем более сложные примеры, а затем объяснение того, как компонент работает, а что YUI делает. Для более опытных разработчиков, большинство рецептов также включают дополнительное обсуждение решения, объясняя, как для дальнейшей настройки и повышения компонента.

Практические и упакованы с помощью простых в последующей рецептов, книга поможет вам создать современный, насыщенных интернет-приложений с использованием самых мощных компонентов Yahoo! User Interface Library (YUI).

Кто эта книга написана для

В книге лучше всего подходит для разработчиков JavaScript, которые являются относительно новыми для YUI 2 или заинтересованы в начале работы быстро. Тем не менее, содержит примеры почти для каждого компонента и одинаково хорошо подходит в качестве основы для опытных разработчиков, желающих освежить в памяти или исследовать некоторые из наиболее мощных функций каждого компонента.

Получите 15% скидку!

Packt Publishing предлагает 15% скидку на любой читатель YUIBlog, и вы найдете мои книги доступны в обеих книг и традиционных форматов. Чтобы получить скидку, просто купить Yahoo! Пользовательский интерфейс библиотеки 2.x Cookbook через Издательский Packt, и предоставить код YUI2XCBK15 на выезд. (Примечание: Вы должны войти в систему для кода для работы).

Хотите пример?

Чтобы помочь вам почувствовать за содержание в моей книге, Packt щедр достаточно, чтобы обеспечить пример того, что вы можете ожидать:

" Юй 2.X: Использование событий компонента "

Об авторе: Мэтт Снайдер является разработчиком веб-и JavaScript-любитель. Мэтт занимается разработкой веб-приложений в разнообразных рамок и языки на протяжении последних 7 лет, а также писал в блоге на веб-разработки на протяжении почти 4 лет. Мэтт главный инженер Mint.com . Он внес большой вклад как YUI 2 и 3, в том числе для хранения компонентов YUI 2 (описанных в этой книге). Мэтт остатки свое время между его повседневной работе, его блог, и вклад с открытым исходным кодом сообщества. Когда он не работает, он пользуется туризм от всего или находящиеся в и изучение его обширной коллекции игр.

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

YUI Theater - Satyen Десаи: (. 55 мин) "" телефон, планшетный ноутбук и ходить в бар ... "Подход-Юй на мобильных веб-разработки"

17 января 2011 в 8:37 Эрик Miraglia | В развитие , Юй театр | Комментариев нет

Satyen Десаи ( @ dezziness ), создатель YUI 3 компонентов и виджетов подсистем, обсуждается подход YUI, чтобы поддерживать новый набор веб-устройств на рынке сегодня, и как нам нравится думать о них с точки зрения возможностей и ограничений, против изолированном пространстве проблемы.

Если видео вставлять ниже не отображаются правильно в RSS читателя выбора, убедитесь, что по ссылке смотреть с высоким разрешением версия видео на YUI театра .

Другие недавние театре YUI видео:

Люк Смит: YUI 3: под поверхностью - Люк Смит, инженер Юй команды, обеспечивает одна из самых высоко оценил переговоры в YUIConf 2010, глядя в некоторых из основных моделей и инфраструктуры частей, которые лежат в основе YUI 3.
Райан Grove: Знакомство с YUI AutoComplete 3 - В этом разговоре с YUIConf 2010, YUI AutoComplete 3 автор Райан Grove берет вас в вихре тур некоторые из многих автозаполнения модели стало возможным благодаря этому компоненту и обеспечивает глубокое погружение в свой новый мощный YQL интеграции , фильтрации и выделения возможностями.
Пол Доннелли и Nagesh Susarla: YQL + Юй: Строительство Комплексные серверных приложений - При разработке виджетов, это не так, как использовать YQL данных, который появляется в виде вопроса, а как к нему доступ. В этом YUIConf сессии 2010 года, YQL инженеры Пол Доннелли и Nagesh Susarla обзор начать свой запрос в YQL консоль, доступ к YQL данных через различные конечные точки, и прохождение различных слоев YQL в подлинности.
Эрик Ferraiuolo: TipTheWeb.org: Heavy Duty YUI 3 и YQL - На этом заседании с YUIConf 2010, TipTheWeb соучредитель и YUI вклад Эрика Ferraiuolo обсуждает создание проекта масштабах использования кода YUI 3, YUI 3 Галерея и YQL.
Рейд Берк: Yeti: Easy Тестирование YUI интерфейс - тестирование кросс-браузерный веб-приложений, было слишком трудно слишком долго: Вы вручную перезагрузки браузера или борются со сложным программным обеспечением автоматизации. На этом заседании с YUIConf 2010 года Юй инженер Рид Берк рассказывает о том, Юй на Yeti проект помогает решить эти проблемы. Рейд обсуждает, когда вы должны использовать автоматизированное тестирование для интерфейса код, как йети работает с YUI Test, как настроить кросс-браузерного тестирования в течение нескольких минут и, как команда использует YUI Yeti поставлять более качественный продукт.

Содержание CC / используется с любезного разрешения:

Подписка на YUI театра:

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

YUI Theater - Люк Смит: "YUI 3: под поверхностью" (48 мин.)

14 января 2011 в 2:33 вечера Эрик Miraglia | В развитие , Юй театр | Комментариев нет

В этом театре YUI видео, YUI инженером Люком Смитом ( @ ls_n ) предлагает одну из самых высоко оценил переговоры в YUIConf 2010, глядя в некоторых из основных моделей и инфраструктуры частей, которые лежат в основе YUI 3.

Если видео вставлять ниже не отображаются правильно в RSS читателя, убедитесь, что по ссылке, чтобы посмотреть с высоким разрешением версия видео на YUI театра .

Другие недавние театре YUI видео:

Satyen Десаи: «Телефон, планшета и ноутбука ходить в бар ..." Подход-Юй на мобильных веб-разработки - Satyen Десаи, создатель YUI 3 компонентов и виджетов подсистем, обсуждается подход YUI, чтобы поддерживать новый набор веб-включен устройств на рынке сегодня, и как мы хотели бы думать о них с точки зрения возможностей и ограничений, в отличие от изолированного пространства проблема.
Райан Grove: Знакомство с YUI AutoComplete 3 - В этом разговоре с YUIConf 2010, YUI AutoComplete 3 автор Райан Grove берет вас в вихре тур некоторые из многих автозаполнения модели стало возможным благодаря этому компоненту и обеспечивает глубокое погружение в свой новый мощный YQL интеграции , фильтрации и выделения возможностями.
Пол Доннелли и Nagesh Susarla: YQL + Юй: Строительство Комплексные серверных приложений - При разработке виджетов, это не так, как использовать YQL данных, который появляется в виде вопроса, а как к нему доступ. В этом YUIConf сессии 2010 года, YQL инженеры Пол Доннелли и Nagesh Susarla обзор начать свой запрос в YQL консоль, доступ к YQL данных через различные конечные точки, и прохождение различных слоев YQL в подлинности.
Эрик Ferraiuolo: TipTheWeb.org: Heavy Duty YUI 3 и YQL - На этом заседании с YUIConf 2010, TipTheWeb соучредитель и YUI вклад Эрика Ferraiuolo обсуждает создание проекта масштабах использования кода YUI 3, YUI 3 Галерея и YQL.
Рейд Берк: Yeti: Easy Тестирование YUI интерфейс - тестирование кросс-браузерный веб-приложений, было слишком трудно слишком долго: Вы вручную перезагрузки браузера или борются со сложным программным обеспечением автоматизации. На этом заседании с YUIConf 2010 года Юй инженер Рид Берк рассказывает о том, Юй на Yeti проект помогает решить эти проблемы. Рейд обсуждает, когда вы должны использовать автоматизированное тестирование для интерфейса код, как йети работает с YUI Test, как настроить кросс-браузерного тестирования в течение нескольких минут и, как команда использует YUI Yeti поставлять более качественный продукт.

Содержание CC / используется с любезного разрешения:

Подписка на YUI театра:

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Юй: Часы работы Вс 19 января

13 января 2011 в 4:10 вечера Люк Смит | В развитие | 3 Комментариев

Приветствуя в 2011 году Юй: Часы работы будут начинать снова, и первый взнос в новом году будет в следующую среду, 19-го.

Естественно, что с выпуском YUI 3.3.0 , который будет главной темой первого открытого в этом году часы. Я буду пытаться спорить, поскольку многие из команды YUI и внешних спонсоров, как я могу присоединиться к призыву, и мы пойдем за нашу любимую моменты, то начать разговор слышать о том, что вы уже играли от просмотра релизов. Мы будем иметь обновление 2.9, то (и я очень рад этому), начинают говорить 3.x план на 2011 год. И мы хотим, ваши идеи, ваши отзывы. Где вы хотите видеть Юй собирается в этом году? Какие горячие блюда билет на Ваш список пожеланий?

Так что приезжайте и пообщаться с командой YUI о том, что нового и что в будущем будет держать!

В других новостях с фронта, логистика программы, будут некоторые изменения в открытый формат работы:

Во-первых, мы будем сокращения вызовов от 2 часов до более бизнес-часа дружественных 1 час
Я собираюсь включить стиль реализации фокус раздел на каждый вызов, чтобы мы все могли узнать, как YUI 3 используется в окопах (с учетом специальных тем, как новые версии
И, наконец, и грозно, Эрик Ferraiuolo , из TipTheWeb славы, будет присоединиться ко мне в качестве постоянного cohost. Он жил мечтой YUI 3 с 3.0 бета 1, и добавить голос и опыт реальных приложениях.

Мы будем находиться в режиме онлайн с 10 утра до 11 вечера PST, если разговор идет слишком хорошо, чтобы остановиться. Соединение детали такие же, как обычно.

Набор номера 1-888-371-8922 (Skype прекрасно работает для неамериканских участников *)
Введите код участника 47188953 #
Присоединяйтесь к сессии разделения экрана (это вам будет предложено установить плагин Adobe Connect, если это ваш первый раз, используя его)

Не забудьте подписаться на календарь Юй и следуйте @ yuilibrary на Twitter для последних обновлений на Часы и другие интересности Юй.

До встречи!

* - Если Skype не вариант, напишите мне на местный номер.

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Таблица подвал Статистика YUI 2 DataTable

13 января 2011 в 4:00 вечера Мэтт Паркер | В развитие | 2 комментария

YUI 2 DataTable много делает. Но одна из вещей, он не делает что-либо с таблицей подвал, где можно было бы ожидать, чтобы найти суммы, средние или других данных резюме. Так что я продлил DataTable добавить сводные данные для числовых данных.

Как это происходит

Во-первых, это можно использовать: вам понадобится код с GitHub - есть три JS файлов, и вы должны будете их все на странице после того, как файл YUI DataTable JS. И вы можете изменить пространство имен - мы используем YAHOO.LPLT.DataTable как расширение YAHOO.widget.DataTable . Я объясню немного больше об этих файлах ниже.

Вы настроить DataTable, как обычно, но есть три вещи, которые нужно сделать, чтобы получить резюме работы:

Убедитесь, что ваш источник данных определяет, "число" парсеры для любого поля, которые нужно суммировать, особенно если вы делаете, встроенное редактирование ячейки:
```
  myDataSource.responseSchema = {поля: [
    {Ключ: "количество", анализатор: "число"}
    / * И т.д. ..  * /
 ]};
```
Добавить конфигурационный ключ-значение columnStats: правда в вашем массиве определение столбца:
```
  уаг myColumnDefs = [
     {Ключ: "количество", этикетка: "Количество", columnStats: истинно} 
     / * И т.д. ..  * /
 ];
```
для столбцов, которые вы хотели бы суммируются. (Всего ваш "ID" столбец, вероятно, не очень полезно!).
Скажите DataTable, какие статистические данные для расчета:
```
 уаг myDataTable = новый YAHOO.LPLT.DataTable ("exampleEl"
     myColumnDefs, 
     myDataSource, 
     {ColumnStats: {о: Да, статистика: ['Сумма']}}
 );
```
Это самый простой из возможных способов настроить колонку статистики, но вы можете добавить дополнительные статистические данные, настраивать ярлыки, и многое другое.

Там в пример на GitHub играть.

Несколько моментов:

Колонтитуле будет меняться вместе с вашим столом. Так что если вы показать / скрыть столбцы, перемещать их, добавлять новые, добавлять / удалять строки, сортировки или использовать встроенные редакторы клетка, подвал будет обновлять пользовательский интерфейс и статистики соответственно.
Вы можете добавить столько строк в подвал, как вам нравится, по одной строке для каждой статистики. Поскольку это стоит, вы можете иметь среднее, среднее, сумма, минимальное, максимальное, диапазон СТАНДОТКЛОН, дисперсия, или varianceUnbiased. Пункт "Статистика" в конфигурации массива: просто добавьте статистику вы хотели бы, чтобы этот массив (например, stats: ["min", "median", "stdev"] ).
Футера таблицы будет использовать любые форматирования, указанного для этой колонки.
Если у вас есть Paginator, вы можете выбрать, будет ли статистика показаны на всю таблицу или только видимых в данный момент страницу. Добавить pagedTotals: true на columnStats возражать, чтобы страница статистики.
Массив "статистика" в объект конфигурации также может включать объект литералов, с ключами "этикетка" и "п". п является функцией, которая будет подсчитывать статистику - либо строки, как "мин" или функцию, которая возвращает число. Например, на GitHub показывает, как можно сделать на основе данных "взвешенная сумма" из двух столбцов.

Подробнее о фактический код расширения

Основной файл, YAHOO_DataTable_colStats.js, добавляет пару защищены свойств DataTable, несколько методов защиты, и два открытых методов, colStatsRefresh которые пересчитать и перерисовать футера таблицы, и colStatsGetRecordSet , который возвращает массив, либо всех записи, или только те, видно, в зависимости от величины pagedTotals . Первый может быть полезно, если вы делаете изменения в таблицу, не стреляйте полезных событий (например, прямого изменения данных в базовой записей), а второй, если вы используете пользовательские функции резюме.

YAHOO_DataSource_patch.js добавляет parseField(key, value) метод DataSource. Это необходимо, если у вас есть текстовое поле встроенного редактора ячейки для числовых данных, редактор возвращает строку, которая не обрабатывается автоматически, и поэтому не может быть добавлен. ParseField обеспечивает доступ к анализаторов указанных в DataSource, конвертировать отредактированные данные.

YAHOO_util_Stats.js обеспечивает автономную YAHOO.util.Stats класса, обертывания (сортировка) массивов числовых данных и предоставляет сводные статистические данные. Это только зависимость YAHOO.lang. Например YAHOO.util.Stats ведется DataTable для каждого столбца, который должен быть обобщены, и кеширует некоторые сложнее математики для повышения производительности. Строк, передаваемых в массиве статистика ('мин', 'средний' и т.д.) являются методами класса YAHOO.util.Stats, так что вы можете легко добавлять дополнительные, добавляя к прототипу. Заметим, однако, что они имеют доступ только к данным «их» колонки.

И, наконец,

Я уверен, что это не будет работать с прокруткой DataTables, поэтому я даже не пробовал! Но если вы обнаружите какие-либо проблемы или идеи, сделать поставьте их на GitHub отслеживания проблем.

Об авторе: Мэтт Паркер ( @ Lamplightdb на Twitter ) является основателем и разработчиком по адресу Лэмплайт систем баз данных , небольшая компания, которая предоставляет полнофункциональный веб-системы управления для некоммерческих организаций в Великобритании. Мэтт живет и работает в Северо-Западном Лондоне.

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Следующая страница »

Работает на WordPress на Yahoo! Веб-хостинг .

Yahoo! User Interface блог (YUIBlog)

Treeble с YUI 3 DataTable