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日，由埃里克·米拉利亚下午02: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的关于雅虎 虚拟主机 。