带有 JSON 和客户端过滤数据错误的 YUI DataTable答案

【问题标题】：YUI DataTable with JSON and client side filtering Data Error带有 JSON 和客户端过滤数据错误的 YUI DataTable
【发布时间】：2010-04-14 14:10:40
【问题描述】：

我不明白我在这里做错了什么！我不断收到数据错误。但是我验证了 JSON 并且没问题...

这是来自 YUI Datatble 示例的 javascript（稍作修改）。


<pre class="prettyprint"><code>

<script type="text/javascript">
YAHOO.util.Event.addListener(window, "load", function() {
    //var Ex = YAHOO.namespace('example');

    var dataSource = new YAHOO.util.DataSource("jsondb/json_meta_proxy.html",{
        responseType : YAHOO.util.DataSource.TYPE_JSON,
        responseSchema : {
            resultsList: "records",
            fields: [
                            {key:"idprojet"},
                            {key:"nomprojet"}
                    ],
                    metaFields: { 
                    totalRecords: "totalRecords"
                    }
        },
        doBeforeCallback : function (req,raw,res,cb) {
            // This is the filter function
            var data     = res.results || [],
                filtered = [],
                i,l;

            if (req) {
                req = req.toLowerCase();
                for (i = 0, l = data.length; i < l; ++i) {
                    if (!data[i].state.toLowerCase().indexOf(req)) {
                        filtered.push(data[i]);
                    }
                }
                res.results = filtered;
            }

            return res;
        }
    });

    var cols = [
        {key:"idprojet"},
            {key:"nomprojet"}
    ];

    var paginateur = new YAHOO.widget.Paginator({
        rowsPerPage   : 25,
        pageLinks     : 10
    });

    var conf = {
        paginator : paginateur,
        sortedBy: {key:'idprojet', dir:YAHOO.widget.DataTable.CLASS_ASC}
    };

    var dataTable = new YAHOO.widget.DataTable('tbl',cols,dataSource,conf);

    var filterTimeout = null;
    var updateFilter  = function () {
        // Reset timeout
        filterTimeout = null;

        // Reset sort
        var state = dataTable.getState();
            state.sortedBy = {key:'idprojet', dir:YAHOO.widget.DataTable.CLASS_ASC};

        // Get filtered data
        dataSource.sendRequest(YAHOO.util.Dom.get('filter').value,{
            success : dataTable.onDataReturnInitializeTable,
            failure : dataTable.onDataReturnInitializeTable,
            scope   : dataTable,
            argument: idprojet
        });
    };

    YAHOO.util.Event.on('filter','keyup',function (e) {
        clearTimeout(filterTimeout);
        setTimeout(updateFilter,600);
    });
});
</script>

这是文件“jsondb/json_meta_proxy.html”中的JSON数据


    {
    "recordsReturned": 1,
    "totalRecords": 1,
    "startIndex": 0,
    "sort": "idprojet",
    "dir": "asc",
    "records": [
        {
            "idprojet": "11256",
            "nomprojet": ""
        }
    ]
}

非常感谢您的帮助！！！

【问题讨论】：

标签： javascript json yui yui-datatable

【解决方案1】：

更改为 TYPE_JSARRAY 解决了问题...

感谢您的 cmets Eric！我去了这个论坛，确实是数据表问题的地方。

【讨论】：

【解决方案2】：

如果您在 StackOverflow 上没有得到答案，您可能想尝试将您的问题发布到 YUI 开发者论坛：http://yuilibrary.com/forum。许多 YUI 专家，包括最有经验的 DataTable 开发人员，都在那里闲逛。

-埃里克

【讨论】：

@Eric Miraglia 在 YUI 团队做得很好。虽然我大量使用 YUI 小部件，但您的“答案”听起来像是评论。使用 YUI DATATABLE jsbin.com/ideha 查看我关于单击和双击的工作，它工作正常