YUI2数据表内部选项卡

Question

我有一个datatable配置如下

function handleTabChange(e){    
var errDataSource = new YAHOO.util.DataSource("/webapp/somecontroller");
    errDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
    errDataSource.responseSchema = { 
              fields: [
                        "id","name","err_msg","err_sugg","created_at","created_by","rev"
                       ] 
              };
    var errColDef = [ 
                   {key:"error_id", sortable:true}, 
                    {key:"created_at", formatter:YAHOO.widget.DataTable.formatDate, sortable:true, sortOptions:{defaultDir:YAHOO.widget.DataTable.CLASS_DESC}}, 
                    {key:"name",  sortable:true}, 
                    {key:"rev",  sortable:true}, 
                    {key:"err_msg"}, 
                    {key:"err_sugg" }, 
                    {key:"created_by"} 
                ]; 
    var errorDataTable = new YAHOO.widget.Datatable("errorDataTable",errColDef, errDataSource,{scrollable:true,width:"100%"});
    errorDataTable.render();
}

在我要填充此数据表的选项卡中，我添加了以下行

tab3.addListener('click', handleTabChange);

当我调试它时，我可以看到该控件通过

handleTabChange

但是我的网络没有显示数据源正在打电话。

如果我正在正确地将datatable集成到选项卡视图，那么您能为我辩护吗？

Answer 1

我知道这不是一个完整的答案，但我已经很久没有使用YUI2了。这就是我所记得的，我希望它能有所帮助。在隐藏容器中创建DataTable时出现了一个问题，特别是当需要进行大量大小计算以同步标题到内容时，滚动的DataTable。在某些浏览器中，试图读取不可见元素的宽度或高度会导致错误。很有可能，如果您在调试器中运行代码时启用了“中断上的错误”选项，您将看到一些错误发生。这就阻止了DataTable完成初始化，因此，当它获取数据时，它永远不会到达该部分。

我不记得名字了，但是浏览API文档我找到了onShow()，它是用来修复这个问题的。

此外，监听选项卡上的单击并不能保证选项卡的面板是可见的。您应该监听activeTabChange上的TabView，它在选项卡变得可见后触发。

抱歉，如果我帮不上什么忙，已经有一段时间了。干杯。

Answer 2

我已经有一段时间没有使用YUI2了(我强烈建议您不要用YUI2编写任何新代码并切换到YUI3以获取新内容)，但是看起来您错过了initialRequest选项或调用了DataSource上的sendRequest。

DataTable控件: XHR上的JSON数据示例演示了如何使用initialRequest和sendRequest。