2011 »януари» Yahoo! Потребителски интерфейс блог (YUIBlog)

Treeble с YUI 3 DataTable

24-ти Януари 2011 година в 10:41 ч. от Джон Lindal | В развитие , YUI 3 Галерия | 6 Коментари

В бета версия на DataTable в YUI 3.3.0 ни дава един много мощен компонент за игра. За да се освободят от гуми по полезен начин, реших да обновя данните си Treeble примери за използване DataTable. (Treeble позволява показване на йерархични данни в таблица .)

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

 Var DS = нови Ш. (...), TreebleDataSource
	 PG = нови (...), Ш. Paginator
	 таблица;

 sendRequest функция () {
	 table.datasource.load ({
		 поискване: {
			 startIndex: pg.getStartIndex (),
			 resultCount: pg.getRowsPerPage ()
		 }
	 });
 }

 Var колони = [
     {Ключ: "yui33-рана", етикет:''}
     {
         ключ: "treeblenub", етикет:'',
         форматиране: Y.Treeble.buildTwistdownFormatter (sendRequest)
     }
     {
         ключ: "дял", етикета: "дял",
         форматиране: Y.Treeble.treeValueFormatter
     }
     ...
 ];

 таблицата = нови Y.DataTable.Base ({ColumnSet: Колони});
 table.plug (Y.Plugin.DataTableDataSource, {източници на данни: DS});

За да видите пълния сорс код, обърнете се към жив пример .

Единственото лети в мехлем са:

В yui33-рана колона. Поради грешка в YUI 3.3.0 DataTable , на td елемент се насочва за форматиране на колона всъщност е от предишната колона. По този начин, първата колона в таблицата показва twistdown, а във втората колона е празна.
Неопределен стойности в данните се показват като {value} , вместо на редовете ( бъг 2529858 ).

За да се осъществи Treeble-лесен за използване, имам добави кожата Сам кои стилове на CSS класове изписани от Y.Treeble формат.

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

За автора: Джон Lindal ( @ jafl5272 на нервна възбуда) е един от водещите инженери изграждането на основата, върху която Yahoo! APT е построена. Преди това е работил в Yahoo! Publisher Network.

Споделете и се удължи: Bookmark с del.icio.us | Digg тя! | Reddit!

YUI: Отворете чт 27 01 часа

Следващата YUI: време работно време ще бъде следващия четвъртък, на 27.

Миналата седмица се опитах да опаковка много в съкратен 1 час време слот, и избяга от време, преди един от най-важните сегменти: за 2011 г. YUI 3 пътна карта обратна връзка и предложение част. Така че ние ще вземем там, където бяхме, с Satyen отбелязва всяка актуализация на груб пътна карта от миналата седмица, а след това всичко е въпрос на това, което мисля.

Така дойде с въпроси и предложения. Искам да чуя какви са вашите приоритети за следващата година и как можем да помогнем, и това, което мисли, за да направим YUI като продукт (или група продукти) по-пълна и все още нерешени.

Ще бъде онлайн от 10 до 11 часа PDT четвъртък. Настройките на връзката са същите, както обикновено.

Dial, за да 1-888-371-8922 (Skype работи чудесно и за извън САЩ участници *)
Въведете участник код 47188953 #
Присъединете се към сесия за споделяне на екрана (това ще ви подкани да инсталирате Adobe Connect плъгин, ако това е вашето първо време да го използвате). Забележка Тази заявка е променен, така че, моля актуализация отметка, ако все още използвате стария URL.

Greh Hinch имам разговор започна Във форумите , за да стигнем до мозъчна атака "вече и ние ще се видим четвъртък!

UPDATE (1 / 26)

Можете да намерите проекта на пътна карта 2011 , че Satyen обсъдени миналата седмица на уики YUILibrary.com. Ние няма да прекарват много време го прегледа, така че да погледнете преди разговор.

* - Ако Skype не е опция, пишете ми за местен номер.

Споделете и се удължи: Bookmark с del.icio.us | Digg тя! | Reddit!

Обявяване Yahoo! Потребителски интерфейс библиотека 2.x Рецепти

21-ви януари, 2011 в 9:00 ч. от Мат Снайдър | В развитие | 6 Коментари

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

Какво ще научите от тази книга

Аз съм писал тази книга, така че ще ви помогнат да научите как да използвате YUI 2.x за изграждане на по-богати, по-интерактивни уеб приложения, които впечатли клиентите и уау вашите приятели. Това е рецептата обяснява над двадесет и пет YUI компоненти, които показват как да ги използват, и как да ги конфигурирате да отговарят на вашите нужди. Всеки предмет компонент ще са извлечени с примерни кодове, които демонстрират общите начини, по които се използва компонент.

Освен това, пълен работен код може да бъде свален отделно за всяка глава, така че е лесно да следват заедно. За всяка от рецептите, има въвеждащ например, тогава по-напреднали примери, последвано от обяснение на начина, по компонент работи и какво YUI прави. За по-опитните фирми, повечето рецепти включват допълнително обсъждане на решение, като се обяснява как да персонализирате допълнително и да се засили компонент.

Практически и опаковани с лесни за следване рецепти, книгата ще ви помогне да създадете модерен, богати интернет приложения използвате най-мощните компоненти на Yahoo! Потребителски интерфейс библиотека (YUI).

Кой на тази книга е написана за

Книгата е най-подходящ за фирми JavaScript, които са сравнително нови за YUI 2 или се интересуват от Първи стъпки бързо. Въпреки това, той съдържа примери за почти всеки компонент и е еднакво подходящ като отправна точка за опитни предприемачи търсят да реша на или опознаването на някои от най-силните черти на всеки компонент.

Вземете 15% отстъпка!

Packt издателство предлага 15% отстъпка за всяка YUIBlog читател, и ще намерите книгата ми е на разположение в EBook, така и традиционни формати. За да получите отстъпка, просто покупка Yahoo! Потребителски интерфейс библиотека 2.x Cookbook чрез Packt издателство, и се посочва кодът YUI2XCBK15 в касата. (Забележка: Трябва да сте влезли в системата за код, за да работи.)

Искаш ли проба?

За да ви помогне да получите представа за съдържанието, предвидени в рамките на моята книга, Packt е щедра достатъчно, за да представи мостра от това, което можете да очаквате:

" YUI 2.x: Използването на събитието Компонент "

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

Споделете и се удължи: Bookmark с del.icio.us | Digg тя! | Reddit!

YUI театър - Satyen Десаи: "" телефон, таблет и един лаптоп разходка в един бар ... "-YUI е подход за развитие на мобилната мрежа" (55 мин.).

17-ти януари 2011 година в 8:37 ч. от Ерик Miraglia | В развитие , YUI театър | No Comments

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

Ако за вграждане видео-долу, не показват правилно във вашия четец на избор, не забравяйте да кликнете, за да гледате с висока резолюция версия на клипа на YUI театър .

Други скорошни Видео YUI театър:

Люк Смит: YUI 3: под повърхността - Люк Смит, екип YUI инженер, доставя един от най-висока оценка разговори в YUIConf 2010 г., търси вътре в някои от основните модели и инфраструктура парчета, които са залегнали в основата на YUI 3.
Райън Grove: Представяне на YUI 3 Автодовършване - В този разговор от YUIConf 2010 г., YUI 3 Автодовършване автор Райън Grove ще ви отведе на вихрушка обиколка на някои от многото Автодовършване модели станало възможно благодарение на този компонент и осигурява дълбоко гмуркане в мощни новата си интеграция YQL , филтриране и подчертава възможности.
Павел Донъли и Нагеш Susarla: YQL + YUI: Сграда от край до край приложения - При разработването на джаджи, това не е как да се използва YQL данни, че идва като един въпрос, а по-скоро как да я ползвате. В този YUIConf 2010 сесия, YQL инженери Павел Донъли и Нагеш Susarla преглед започва вашата заявка в YQL конзола, достъпа до YQL данни чрез различни параметри, и преминавайки през различните слоеве YQL на проверка на автентичността.
Ерик Ferraiuolo: TipTheWeb.org: тежкотоварни YUI 3 & YQL - В тази сесия от YUIConf 2010 г., TipTheWeb съосновател и YUI сътрудник Ерик Ferraiuolo обсъжда създаването на проекта мащаб програмния код използване YUI 3, YUI 3 Галерия и YQL.
Рийд Бърк: Yeti: YUI Лесно интерфейс за тестване - тестване на между-браузърна уеб приложения е твърде трудно за твърде дълго: Вие сте ръчно натоварване браузъри или бори със сложни софтуер за автоматизация. В тази сесия от YUIConf 2010 г., YUI инженер Рийд Бърк говори за това как YUI на Yeti проект помага за справяне с тези проблеми. Рийд дискутира, когато трябва да използвате автоматизирано тестване за интерфейса на код, как Yeti работи с YUI тест, как да настроите различни браузъри изпитване за броени минути и как екипът YUI употреби Yeti да превозва по-добър продукт.

CC Съдържание / Използва се от любезното разрешение:

Абонирането за YUI театър:

Споделете и се удължи: Bookmark с del.icio.us | Digg тя! | Reddit!

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

14-ти януари, 2011 в 2:33 ч. от Ерик Miraglia | В развитие , YUI театър | No Comments

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

Ако за вграждане видео-долу, не показват правилно във вашия четец на RSS, не забравяйте да кликнете, за да гледате с висока резолюция версия на клипа на YUI театър .

Други скорошни Видео YUI театър:

Satyen Десаи: "телефон, таблет и един лаптоп разходка в един бар ..."-YUI е подход за развитие на мобилната мрежа - Satyen Десаи, създател на YUI 3 компоненти и подсистеми джаджа, обсъжда подход на YUI в подкрепа на нов набор от уеб поддръжка устройства на пазара днес, и как ние бихме искали да мислим за тях от гледна точка на характеристики и ограничения, за разлика от изолирано пространство проблем.
Райън Grove: Представяне на YUI 3 Автодовършване - В този разговор от YUIConf 2010 г., YUI 3 Автодовършване автор Райън Grove ще ви отведе на вихрушка обиколка на някои от многото Автодовършване модели станало възможно благодарение на този компонент и осигурява дълбоко гмуркане в мощни новата си интеграция YQL , филтриране и подчертава възможности.
Павел Донъли и Нагеш Susarla: YQL + YUI: Сграда от край до край приложения - При разработването на джаджи, това не е как да се използва YQL данни, че идва като един въпрос, а по-скоро как да я ползвате. В този YUIConf 2010 сесия, YQL инженери Павел Донъли и Нагеш Susarla преглед започва вашата заявка в YQL конзола, достъпа до YQL данни чрез различни параметри, и преминавайки през различните слоеве YQL на проверка на автентичността.
Ерик Ferraiuolo: TipTheWeb.org: тежкотоварни YUI 3 & YQL - В тази сесия от YUIConf 2010 г., TipTheWeb съосновател и YUI сътрудник Ерик Ferraiuolo обсъжда създаването на проекта мащаб програмния код използване YUI 3, YUI 3 Галерия и YQL.
Рийд Бърк: Yeti: YUI Лесно интерфейс за тестване - тестване на между-браузърна уеб приложения е твърде трудно за твърде дълго: Вие сте ръчно натоварване браузъри или бори със сложни софтуер за автоматизация. В тази сесия от YUIConf 2010 г., YUI инженер Рийд Бърк говори за това как YUI на Yeti проект помага за справяне с тези проблеми. Рийд дискутира, когато трябва да използвате автоматизирано тестване за интерфейса на код, как Yeti работи с YUI тест, как да настроите различни браузъри изпитване за броени минути и как екипът YUI употреби Yeti да превозва по-добър продукт.

CC Съдържание / Използва се от любезното разрешение:

Абонирането за YUI театър:

Споделете и се удължи: Bookmark с del.icio.us | Digg тя! | Reddit!

YUI: Работно време ср 19 януари

13-ти Януари, 2011 година в 4:10 ч. от Люк Смит | В развитие | 3 Коментари

Приветствайки през 2011 г., YUI: Работно време ще се започне отново, както и първата част от новата година ще бъде следващата сряда, 19-ти.

Естествено, с освобождаването на YUI 3.3.0 , която ще бъде основна тема на първия Отворете тази Часове година. Аз ще се опитам да карам колкото се може повече на отбора YUI и извън участващите държави, колкото мога да се присъедини към разговора, и ние ще разгледаме нашите любими подчертава след това отворете разговора, за да чуят за това, което вече играе с от преглед версии. Ще се наложи актуализация на 2.9, след това (и аз съм много развълнуван за това), да започнат да говорят 3.x пътна карта за 2011 година. И ние искаме вашите идеи, вашето мнение. Къде искате да видите YUI ще тази година? Какви са горещи точки на билети на вашия списък с желания?

Така дойде и общуване с екипа на YUI за това, което е ново и какво ще ни донесе бъдещето!

Други новини от програмата логистика фронт, ще има някои промени в Работно време формат:

На първо място, ние ще се съкращаване на обаждане от 2 часа за един търговски часа-приятелски един час
Отивам да се включи раздел за изпълнение стил се фокусира върху всеки разговор, така че всички ние можем да се научат как YUI 3 се използва в окопите (предмет на специални теми, като нови издания
И накрая и awesomely, Ерик Ferraiuolo , на TipTheWeb слава, ще се присъедини към мен като постоянен cohost. Той е живял в YUI 3 мечта от 3,0 бета 1, както и ще добави на глас и опит от реалния свят прилагане.

Ще бъде онлайн от 10 до 23:00 PST, освен ако разговорът е твърде добър за да спре. Настройките на връзката са същите, както обикновено.

Dial, за да 1-888-371-8922 (Skype работи чудесно и за извън САЩ участници *)
Въведете участник код 47188953 #
Присъединете се към сесия за споделяне на екрана (това ще ви подкани да инсталирате Adobe Connect плъгин, ако това е вашето първо време да го използвате)

Не забравяйте да се абонирате за YUI Календар и следвайте @ YUILibrary на Twitter за последните актуализации на време работно време и други YUI интересност.

Ще се видим там!

* - Ако Skype не е опция, пишете ми за местен номер.

Споделете и се удължи: Bookmark с del.icio.us | Digg тя! | Reddit!

Таблица долния статистика за YUI 2 DataTable

13-ти Януари, 2011 година в 4:00 ч. от Мат Паркър | В развитие | No Comments

В YUI 2 DataTable прави много. Но едно от нещата, той не прави нещо, с маса долния, където можете да очаквате да намерите общи суми, средни или други данни, обобщение. Така че аз съм удължен DataTable да добавите обобщени данни за числови данни.

Първо той ще

На първо място, да я използват: ще ви е необходима кода от GitHub - има три JS файлове, и ще трябва всички от тях на страницата си, след като DataTable JS YUI файл. И вие може да искате да се промени именно пространство - използваме YAHOO.LPLT.DataTable като разширяване на YAHOO.widget.DataTable . Аз ще обясня малко повече за тези файлове по-долу.

Задавате си DataTable, както обикновено, но има три неща, които трябва да направите, за да получите обобщение работа:

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

Има един пример на GitHub да играе с тях.

Преди няколко точки:

В долния ще се промени с вашата трапеза. Така че, ако показване / скриване на колони, да ги движите, ще добавят нови, добавяне / премахване на редове, нещо, или да използвате вградени редактори клетка, долната лента ще обнови потребителския интерфейс и статистически данни за това.
Можете да добавяте колкото се може повече редове в долния колкото искате, по един ред за всяка статистика. Такъв, какъвто е, можете да имате предвид, медиана, сумата, мин., не повече, обхват, STDEV, различия, или 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) метод за източник на данни. Това е необходимо, когато сте виждаш вградени редактори клетка за числови данни, а редактор връща низ, който не е разделен на автоматично и така не могат да бъдат добавени. В parseField предоставя достъп до парсери, посочени в източник на данни, за да преобразувате промени данни.

YAHOO_util_Stats.js предвижда самостоятелен YAHOO.util.Stats класа, която тайно а (сортирани) набор от числови данни и предоставя обобщена статистика. Това е само зависимостта е YAHOO.lang. А например YAHOO.util.Stats се поддържа от DataTable за всяка колона, която е да бъдат обобщени, и кешира някои от по-трудно математика за подобряване на резултатите. Струните приет през на статистика масив ("мин.", "средна" и т.н.) са методи на класа YAHOO.util.Stats, така че лесно може да добавите допълнителни такива, като към прототип. Забележка обаче, че те само имат достъп до данните "своя" колоната.

И най-накрая

Аз съм сигурен, че това няма да работи с превъртане datatables, така че аз не съм дори да го опита! Но ако забележите някакви проблеми или имате идеи, не моля да ги пуснат на тракера GitHub въпрос.

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

Споделете и се удължи: Bookmark с del.icio.us | Digg тя! | Reddit!

Следваща страница »

Осъществено от WordPress на Yahoo! Уеб хостинг .

Yahoo! интерфейс блог потребителя (YUIBlog)

Treeble с YUI 3 DataTable