treeble與銳3的DataTable

2011年1月24日10時41，在發展中， YUI 3圖庫 | 7評論由約翰Lindal上午

beta版本的DataTable中銳3.3.0為我們提供了一個非常強大的組件一起玩。 一個有用的方式踢輪胎，我決定更新我Treeble的例子使用的DataTable。 （Treeble可以顯示在一個表中的分層數據 。）

讓我高興的是，它是一件輕而易舉的！ 所有的辛勤工作是在TreebleDataSource ，延伸銳3數據源，因此，所有我必須做的是插入到DataTable中使用Y.Plugin.DataTableDataSource然後配置列： 

 VAR DS =新Y.TreebleDataSource（...），
	 PG =新Y.Paginator（...），
	表;

函數sendRequest將（）{
	 table.datasource.load（{
		要求：{
			 startIndex的pg.getStartIndex（）
			 resultCount：pg.getRowsPerPage（）
		 }
	 }）;
 }

 VAR COLS = [
     {鍵：“yui33，劈”，標籤：''}
     {
        關鍵：“treeblenub”標籤：“，
        格式化：Y.Treeble.buildTwistdownFormatter（sendRequest將）
     }，
     {
        關鍵：“標題”標籤：“標題”，
        格式化：Y.Treeble.treeValueFormatter
     }，
     ...
 ;

表=新Y.DataTable.Base（{columnset：COLS}的）;
 table.plug（Y.Plugin.DataTableDataSource {數據源：DS}）;

看到完整的源代碼，是指以活生生的例子 。

唯一美中不足的蒼蠅是：

  • 在yui33劈列。 由於銳3.3.0的DataTable中的一個td 錯誤 ， td元素傳遞給一列格式化實際上是由前一列。 因此，在表的第一列顯示的twistdown，第二列是空的。
  • 未定義的值的數據顯示{value} ，而不是空白（ 錯誤2529858 ）。

為了使Treeble更容易使用，我已經加入山姆皮膚的風格寫出來的CSS類Y.Treeble格式化。

享受！

關於作者簡介：： 約翰Lindal （ @ jafl5272在Twitter）是雅虎建設的基礎上率先工程師之一 APT是建成。 此前，他曾在雅虎出版商網絡。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

銳：營業時間週四1月27日

2011年1月21日，在下午4時04分由盧克·史密斯| 開發 ， 開放時間 | 評論關閉

在未來的YUI：營業時間將在下週四，27日。

上週，我們試圖收拾得將縮短1小時時段多，跑出來的時候前的最重要環節之一：2011年銳3路線圖的反饋和建議的一部分。 因此，我們要拿起我們不放過與Satyen從上週的粗糙路線圖指出任何更新，然後它是所有關於你的想法。

這樣一來，問題和建議。 我們希望聽到您為來年的優先事項是什麼，我們如何能幫助，和你的想法銳產品（或產品系列）更加完整和出色的。

我們會從上午10點至11點PDT 星期四線上。 連接的詳細信息和往常一樣。

  1. 撥號到1-888-371-8922（Skype的非美國與會者*）
  2. 輸入與會者代碼47188953＃
  3. 加入屏幕共享會話 （會提示你安裝的Adobe Connect插件，如果這是您第一次使用） 注：此網址已經改變，所以請更新您的書籤，如果你還在使用舊的URL。

greh Hinch了談話開始在論壇中 ，所以已經到集思廣益，我們將看到你星期四！

更新（1/26）

你可以找到的2011年路線圖草案，Satyen討論上週的YUILibrary.com維基。 進行檢討，我們不會花太多時間，所以有呼叫前看看。

* - 如果Skype是不是一種選擇，電子郵件我的本地電話號碼。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

宣布雅虎 用戶界面庫2.x的食譜

2011年1月21日，上午9:00由馬特·斯奈德| 開發 | 6評論

Yahoo!用戶界面庫2.x的食譜 Packt出版很高興地宣布釋放我的新書， 雅虎 用戶界面庫2.x的食譜 。 這本書包含了大量的編碼食譜，提供讀者詳細的例子，為二十五年以上的銳2.x的組成部分，包括集裝箱 ， 拖掉落 ， 連接管理 ， 數據表 ， TreeView的 ，等等。

你將學習這本書

我寫這本書，這樣它會幫助你學習如何使用YUI 2.x的建立更豐富，更互動的Web應用程序，打動客戶，哇你的朋友。 它的食譜解釋超過二十五個YUI組件，顯示了如何使用它們，以及如何對它們進行配置，以滿足您的需求。 每個覆蓋的部分將提取的代碼示例展示了使用該組件的常用方法。

此外，完整的工作代碼可以單獨下載的每一章節，所以它很容易跟隨。 對於每一個配方，有介紹的例子，然後更多的先進典型，由一個組件如何工作和YUI是做什麼的解釋。 對於較有經驗的開發商，大多數食譜還包括額外的解決方案的討論，解釋如何進一步定制和增強組件。

實用和易於遵循的食譜包裝，本書將幫助你創建現代，豐富的互聯網應用，使用Yahoo!用戶界面庫（銳）的最強大的組件。

這本書是寫給誰

這本書是最適合JavaScript開發是相對較新的銳2或快速入門感興趣。 然而，它包含了幾乎每一個組件的例子，同樣適合作為一個經驗豐富的開發刷或探討一些最強大的功能，每個組件的參考。

獲取15％的折扣！

Packt出版任何YUIBlog讀者提供15％的折扣，你會發現我的書是電子書和傳統的格式。 接收您的折扣，只需購買雅虎 用戶界面庫2.x的食譜通過Packt出版，並提供代碼YUI2XCBK15在結帳。 （注：您必須登錄為代碼工作。）

想要一個範例嗎？

為了幫助你感覺在我的書提供的內容，年底Packt是慷慨地提供樣品，你可以期望什麼：

“ 銳2.X：使用事件組件 “

作者簡介： 馬特·斯奈德是一個Web開發者和愛好者的JavaScript。 馬特一直發展中國家在過去7年的框架和語言的各種Web應用程序，也被寫入Web開發，為近4年的博客。 馬特是首席工程師Mint.com 。 他作出了貢獻廣泛銳2和3，包括在2 YUI的存儲組件（在這本書中所涵蓋的）。 馬特他的時間，他的日常工作，他的博客，和開源社區的貢獻之間的平衡。 當他沒有工作，他喜歡從它的全部或停留在探索他的膨脹的視頻遊戲收集背包。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

銳劇院- Satyen德賽：（55分鐘）“一個電話，一個平板電腦和筆記本到酒吧城......”YUI的移動Web開發方法“

2011年1月17日上午在8時37分由埃里克·米拉利亞，在發展中， YUI劇院 | 評論關閉

在雅虎總部在加利福尼亞州桑尼維爾，2010年在YUIConf銳的工程師Satyen德賽講。

YUI的做法satyen德賽（ @ dezziness ），在YUI的3組件和部件子系統的創造者，討論支持新的一組目前市場上的Web功能的設備，如何我們喜歡想他們在功能和約束作為不是一個孤立的問題空間。

如果下面嵌入視頻不會出現在你的RSS讀者選擇正確，請務必通過點擊觀看視頻銳劇院的高分辨率版本 。

其他最近的銳劇院視頻：

  • 盧克·史密斯：銳3：在地表以下盧克-史密斯，YUI團隊的工程師，提供最高度評價2010年在YUIConf會談，尋找裡面的一些核心模式和基礎件，在於心銳3。
  • 瑞安樹叢：引入銳3自動完成 -在這個2010年從YUIConf談話，銳3自動完成作者瑞安樹叢上的許多自動完成模式的旋風之旅，你這個組件可能將其強大的新YQL的集成，並提供一個深潛，過濾，突出能力。
  • 保羅·唐納利和納格甚Susarla的 YQL的+銳大廈到高端應用 -發展中國家部件時，它不是如何使用YQL的數據，來了一個問題，而是如何訪問它。 在這YUIConf 2010年會議，YQL的工程師保羅·唐納利和納格甚Susarla的審查開始您的查詢在YQL的控制台，通過各種端點訪問YQL的數據，並通過YQL的各種認證層。
  • 埃里克Ferraiuolo：TipTheWeb.org：重型銳3 YQL的 -在這屆2010年從YUIConf，TipTheWeb創始人和YUI撰稿人埃里克Ferraiuolo討論建立使用銳3，銳3畫廊，YQL的一個項目規模的codebase。
  • 里德·伯克：雪人：YUI的簡易測試界面 -跨瀏覽器測試Web應用程序已經太難太長：無論你手動重裝瀏覽器或複雜的自動化軟件中掙扎。 在這屆2010年從YUIConf，YUI的工程師里德·伯克YUI的雪人項目如何幫助解決這些問題舉行會談。 里德討論時，你應該使用自動化測試前端代碼，雪人如何與YUI的測試，如何在幾分鐘內設置跨瀏覽器測試，以及如何YUI團隊使用雪人推出更好的產品。

的消委會內容/使用一種權限：

訂閱銳戲劇：

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

YUI的劇院-盧克·史密斯：“YUI的地表以下3：”（48分鐘）

2011年1月14日，由埃里克·米拉利亞2:33下午，在發展中， YUI劇院 | 評論關閉

在雅虎總部在加利福尼亞州桑尼維爾，2010年在YUIConf銳工程師盧克·史密斯說。

在此YUI劇院視頻，銳工程師盧克·史密斯（ @ ls_n ）提供最高度評價2010年在YUIConf會談，尋找裡面的一些核心模式和基礎件，在於心銳3。

如果下面的視頻嵌入不顯示正確地在您的RSS閱讀器，請務必通過點擊觀看視頻銳劇院的高分辨率版本 。

其他最近的銳劇院視頻：

  • satyen德賽：“一個電話，一台平板和1筆記本電腦步行到酒吧......” -銳的移動Web開發 - Satyen德賽，在YUI的3組件和部件子系統的創造者，討論YUI的做法支持的Web的新集啟用當今市場上的設備，我們怎麼想，他們認為，在功能和約束的條款，而不是一個孤立的問題空間。
  • 瑞安樹叢：引入銳3自動完成 -在這個2010年從YUIConf談話，銳3自動完成作者瑞安樹叢上的許多自動完成模式的旋風之旅，你這個組件可能將其強大的新YQL的集成，並提供一個深潛，過濾，突出能力。
  • 保羅·唐納利和納格甚Susarla的 YQL的+銳大廈到高端應用 -發展中國家部件時，它不是如何使用YQL的數據，來了一個問題，而是如何訪問它。 在這YUIConf 2010年會議，YQL的工程師保羅·唐納利和納格甚Susarla的審查開始您的查詢在YQL的控制台，通過各種端點訪問YQL的數據，並通過YQL的各種認證層。
  • 埃里克Ferraiuolo：TipTheWeb.org：重型銳3 YQL的 -在這屆2010年從YUIConf，TipTheWeb創始人和YUI撰稿人埃里克Ferraiuolo討論建立使用銳3，銳3畫廊，YQL的一個項目規模的codebase。
  • 里德·伯克：雪人：YUI的簡易測試界面 -跨瀏覽器測試Web應用程序已經太難太長：無論你手動重裝瀏覽器或複雜的自動化軟件中掙扎。 在這屆2010年從YUIConf，YUI的工程師里德·伯克YUI的雪人項目如何幫助解決這些問題舉行會談。 里德討論時，你應該使用自動化測試前端代碼，雪人如何與YUI的測試，如何在幾分鐘內設置跨瀏覽器測試，以及如何YUI團隊使用雪人推出更好的產品。

的消委會內容/使用一種權限：

訂閱銳戲劇：

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

銳：週三1月19日營業時間

盧克·史密斯，2011年1月13日下午4:10 | 開發 | 3評論

歡迎在2011年，銳：營業時間將啟動再次，在新的一年的第一批將在下週三，19。

當然，與YUI的3.3.0版本 ，這將是今年的第一營業時間的主要議題。 我要去嘗試纏鬥YUI團隊，我可以加入通話外貢獻者，我們會在我們最喜愛的亮點，然後打開交談，聽說你已經發揮預覽版本。 我們將有一個2.9的更新，然後（對此我非常興奮），2011年開始談論3.x的路線圖。 我們希望你的想法，您的反饋。 你想在哪兒看到今年銳去？ 您的願望清單上的熱大件物品有哪些？

這樣一來，聊什麼新的和今後將舉行的YUI團隊！

在從計劃物流方面的其他消息，會有一些營業時間格式的變化：

  • 首先，我們可以從2小時縮短通話業務時更友好的1小時
  • 我要納入實施為重點，在每次調用樣式部分，所以我們都可以學習像新版本如何在戰壕中使用YUI 3（專題，
  • 最後，赫然， 埃里克Ferraiuolo ， TipTheWeb名利，將加入作為永久cohost我。 他一直住自3.0 Beta 1的3 YUI的夢想，將添加語音和實際應用的經驗。

我們會從上午10點至晚上11時的PST網上除非對話是太好了，停止。 連接的詳細信息和往常一樣。

  1. 撥號到1-888-371-8922（Skype的非美國與會者*）
  2. 輸入與會者代碼47188953＃
  3. 加入屏幕共享會話 （會提示你安裝的Adobe Connect插件，如果這是您第一次使用）

不要忘了訂閱YUI的日曆，並遵循@ yuilibrary Twitter的最新更新營業時間和其他YUI的趣味性。

有看到你！

* - 如果Skype是不是一種選擇，電子郵件我的本地電話號碼。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

銳2 DataTable的表尾統計

馬特·帕克，2011年1月13日下午4:00 | 開發 | 2評論

YUI 2 DataTable中做了很多。 但它不會做的事情之一是任何一個表尾，你可能期望找到總計，平均值或其他匯總數據。 所以我擴展的DataTable添加數字數據的匯總數據。

得到它去

首先，使用它：你需要一些代碼github上 -有三個js文件，您需要所有YUI的DataTable的js文件後，在頁面上。 和你可能想改變命名空間-我們使用YAHOO.LPLT.DataTable作為擴展YAHOO.widget.DataTable 。 下面這些文件，我將解釋多一點。

設置您的DataTable正常，但有三樣東西，你需要做的就是總結工作：

  1. 確保您的數據源指定要匯總的任何領域的“數字”的解析器，特別是如果你做內聯單元格編輯： 
      myDataSource.responseSchema = {領域：
    {鍵：“量”，解析器：“數”}
    / *等......  * /
 ]};
  2. 新增配​​置的columnStats的關鍵價值：在您的列定義數組的真實： 
      VAR myColumnDefs = [
     {鍵：“量”的標籤：“數量”，columnStats：真} 
     / *等......  * /
 ;
    對於列，你想總結。 （您的'身份證'列的總數可能是不是非常有幫助！）。
  3. 告訴DataTable的統計數據計算： 
     myDataTable =新YAHOO.LPLT.DataTable（“exampleEl”
     myColumnDefs， 
     myDataSource， 
     {columnStats：{：真實，統計：['總和']}}
 ）;
    這是最簡單的方式來配置列統計，但可以添加額外的統計數據，自定義標籤，更多。

還有一個例子github上玩。

幾點：

  • 頁腳會改變你的表。 所以，如果你顯示/隱藏列，他們周圍移動，添加新的，添加/刪除行，排序，或使用內聯的單元格編輯器，頁腳會更新相應的UI和統計。
  • 您可以添加許多行之軀，只要你喜歡，一排每個統計。 因為它的立場，你可以有平均數，中位數，總和，最小值，最大值，範圍，標準偏差，方差，或varianceUnbiased。 配置項的“統計”是一個數組：只需添加你想這個陣列（如stats: ["min", "median", "stdev"] ）的統計。
  • 表格頁腳將使用該列指定任何格式化。
  • 如果你有一個paginator，你可以選擇是否統計顯示整個表或只是當前可見頁面。 添加pagedTotals: true的columnStats反對頁的統計。
  • '統計'也可以在config對象數組包括對象的文字，與鍵“標籤”和“新生力量”。 fn是函數將計算統計 - 無論是像'分'或一個函數，返回一個數字的字符串。 在GitHub上的示例顯示如何，你可以做兩列“加權總”的使用數據。

實際的擴展代碼

主要文件，YAHOO_DataTable_colStats.js，增加了幾個保護性質的DataTable，一些受保護的方法，和兩個公共方法，這將重新計算和重繪表格頁腳colStatsRefresh ， colStatsGetRecordSet ，它返回所有數組記錄，或者只是那些看得見，取決於價值pagedTotals 。 第一可能是有用的，如果你進行更改的表不火有用的事件（例如直接改變底層的Recordset中的數據）;第二，如果你使用自定義匯總函數。

YAHOO_DataSource_patch.js增加了一個， parseField(key, value)到數據源的方法。 這是必要的，當你有數值數據框內嵌單元格編輯器，編輯器返回一個字符串，這是不解析自動，所以不能添加。 parseField提供在DataSource指定的解析器的訪問，編輯數據轉換。

YAHOO_util_Stats.js提供了一個的獨立YAHOO.util.Stats類包裝（排序）陣列的數字數據，並提供匯總統計。 它只依賴YAHOO.lang。 實例是一個YAHOO.util.Stats保持DataTable中的每一列是要總結，和緩存更難數學的一些，以提高性能。 統計陣列（'分'，'中位數'等），通過字符串方法是的YAHOO.util.Stats類，所以你可以很容易地添加額外的加入原型。 注意：雖然他們只有'他們的'列的數據的訪問。

最後

我敢肯定，這是行不通的，滾動的DataTable，所以即使我沒有嘗試過！ 但是，如果您發現任何問題或有想法，做請他們放在github上的問題跟踪。

作者簡介：馬特·帕克（ @ Twitter的Lamplightdb ）的創始人和開發商燈光下的數據庫系統 ，一個小公司，提供一個全功能的基於Web的管理系統在英國的非利潤。 馬特在北倫敦西部的生活和作品。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

下一頁»
主辦雅虎

©2006-2012雅虎公司所有權利保留。 隱私政策 - 服務條款

支持WordPress的關於雅虎 虛擬主機 。