Javascript 带有JSON和客户端筛选数据错误的YUI DataTable
我不明白我做错了什么!我一直收到一个数据错误。但是我验证了JSON,没关系 下面是YUI Datatble示例中的javascript,稍微修改了一下Javascript 带有JSON和客户端筛选数据错误的YUI DataTable,javascript,json,yui,yui-datatable,Javascript,Json,Yui,Yui Datatable,我不明白我做错了什么!我一直收到一个数据错误。但是我验证了JSON,没关系 下面是YUI Datatble示例中的javascript,稍微修改了一下 非常感谢你的帮助 如果您没有得到有关StackOverflow的答案,您可能希望尝试将您的问题发布到YUI开发者论坛:。许多YUI专家,包括最有经验的DataTable开发人员,都在那里闲逛 -Eric更改为类型jsu数组解决了问题 谢谢你的评论,埃里克! 我去了这个论坛,这里确实是数据表问题的地方。@Eric Miragli在YUI团队干得不错
非常感谢你的帮助 如果您没有得到有关StackOverflow的答案,您可能希望尝试将您的问题发布到YUI开发者论坛:。许多YUI专家,包括最有经验的DataTable开发人员,都在那里闲逛
-Eric更改为类型jsu数组解决了问题 谢谢你的评论,埃里克!
我去了这个论坛,这里确实是数据表问题的地方。@Eric Miragli在YUI团队干得不错。虽然我大量使用YUI小部件,但您的回答听起来像是一条评论。通过使用YUI DATATABLE查看我关于单点和双击的工作,工作正常
<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>
{
"recordsReturned": 1,
"totalRecords": 1,
"startIndex": 0,
"sort": "idprojet",
"dir": "asc",
"records": [
{
"idprojet": "11256",
"nomprojet": ""
}
]
}