Question

我正在尝试将使用YUI的DataTable组件的应用程序组合在一起，但是我收到了“数据错误”消息。数据源配置为从ASP.NET Web方法获取记录。记录成功返回到客户端（我使用IE的调试器进行了检查）。我的代码如下所示：

YAHOO.example.Basic = function() {
            var dsWS_Restaurants = new YAHOO.util.DataSource("/DemoWebSite/RestaurantsWebService.asmx/GetList", { connMethodPost: true });

            dsWS_Restaurants.connMgr = YAHOO.util.Connect;
            dsWS_Restaurants.connMgr.initHeader('Content-Type', 'application/json; charset=utf-8', true);
            dsWS_Restaurants.responseType = YAHOO.util.DataSource.TYPE_JSON;

            dsWS_Restaurants.doBeforeParseData =
                function(oRequest, oFullResponse, oCallback) {
                    // checked here if oFullResponse contains the desired results and it does.
                }

            dsWS_Restaurants.responseSchema =
            {
                resultsList: 'd.records',
                fields: ["id", "name"]
            };

            var dsWS_Restaurants_ColumnDefs = [
                { key: "id", sortable: true, resizeable: true },
                { key: "name", sortable: true, resizeable: true }
                ];

            var dsWS_Restaurants_DataTable =
                new YAHOO.widget.DataTable("basic4", dsWS_Restaurants_ColumnDefs, dsWS_Restaurants, { caption: "dsWS_Restaurants" });

            return {
                oDS: dsWS_Restaurants,
                oDT: dsWS_Restaurants_DataTable
            };
        } ();

...

Web方法如下所示：

public Object GetList() {
    var restaurants =
        new []{
            new
            {
                id="1",
                name="Popeyes spinach"
            },
            new
            {
                id="2",
                name="Big pappas cottage"
            }
        };

    return restaurants.Select (x => new { id = x.id, name = x.name });

}

欢迎并感谢任何帮助。提前谢谢。

Answer 1

我相信可覆盖的doBeforeParseData方法应该返回oFullResponse对象......

        dsWS_Restaurants.doBeforeParseData =
            function(oRequest, oFullResponse, oCallback) {
                // checked here if oFullResponse contains the desired results and it does.
                 return oFullResponse;
            }

..但可能还有更多内容。

Answer 2

我发现了导致错误的原因。在数据源的responseSchema中，resultList被定义为'd.records'，但我没有web方法返回的“records”字段。我用'd'替换'd.records'并且样本有效。我的错误是我从http://mattberseth.com/blog/2008/09/dynamic_data_experimenting_wit.html使用“记录”字段的示例应用程序中借用了代码。

快乐的编码。

YUI数据表错误

2 个答案: