当数据库没有返回数据时

Question

我在 init 方法中启动一个加载面板并将其隐藏在 ReturnDataPayload 事件中。当数据表中有一些值时，这是完美的工作。但是当没有从数据库返回数据时，控件不会返回 DataPayLoad 事件。请帮助我找到一个即使响应没有任何数据也会触发的事件，或者告诉我一种隐藏加载面板的方法。

Answer 1

如果您想要自定义行为，请使用 dataTable 的 dataSource 的 DataSource 的 sendRequest 方法

(function() {
    var YdataTable  = YAHOO.widget.DataTable,
        YdataSource = YAHOO.util.DataSource;

    var settings = {
        container:"<DATATABLE_CONTAINER_GOES_HERE>",
        source:"<URL_TO_RETRIEVE_YOUR_DATA>",
        columnSettings:[
            {key:"id", label:"Id"}
        ],
        dataSourceSettings:{
            responseType:YdataSource.TYPE_JSON,
            responseSchema:{
                resultsList:"rs",
                fields:[
                    {key:"id"}
                ]
            }
        },
        dataTableSettings:{
            initialLoad:false
        }
    }

    var dataTable = new YdataTable(
                    settings.container, 
                    settings.columnSettings, 
                    new YdataSource(
                    settings.source, 
                    settings.dataSourceSettings), 
                    settings.dataTableSettings);
})();

记住无论您的数据来自哪个来源：XML、JSON、JavaScript 对象、TEXT，您始终都会获得数据以统一的方式通过DataSource的sendRequest方法。因此，当您想要检索数据并同时添加自定义行为时，请使用它

dataTable.getDataSource().sendRequest(null, {
    success:function(request, response, payload) {
        if(response.results.length == 0) {
            // No data returned
            // Do what you want right here
            // You can, for instance, hide the dataTable by calling this.setStyle("display", "none");
        } else {
            // Some data returned
            // If you want to use default the DataTable behavior, just call

            this.onDataReturnInitializeTable(request, response, payload);
        }
    },
    scope:dataTable,
    argument:dataTable.getState()
});

响应的属性是

• results (Array)：统一方式的数据源。 对于结果数组中的每个对象，根据responseSchema 的 fields 属性，有一个属性。请注意，我使用response.results.length来验证是否已返回某些数据
• 错误（布尔值）：指示数据错误
• 缓存（布尔值）：指示缓存的响应
• 元（对象）：模式解析的元数据

打开YUI dataTable 页面，查找在运行时加载数据即可查看YUI dataTable 提供的一些内置函数

我希望它能有用，如果您想了解有关 YUI 的任何其他信息，请随时寻求帮助。查看演示页面，了解 YUI dataTable 的优秀功能