Ext学习心得2

http://www.extjs.com/forum/showthread.php?74361-Solved-JsonStore-and-asp.net-web-service/page3

继上篇,由于我用的是web service所以返回的是XML，所以重写了原来的的TreeLoader

//根据Ext官方的那个重写了TreeLoader的方法
PostTreeLoader = Ext.extend(Ext.tree.TreeLoader, {
requestData: function(node, callback) {
if (this.fireEvent("beforeload", this, node, callback) !== false) {
this.transId = Ext.Ajax.request({
method: this.requestMethod,
url: this.dataUrl || this.url,
success: this.handleResponse,
failure: this.handleFailure,
scope: this,
argument: { callback: callback, node: node },
jsonData: this.getParams(node),
headers: { 'Content-Type': 'application/json; charset=utf-8;' }
});
} else {
// if the load is cancelled, make sure we notify
// the node that we are done
if (typeof callback == "function") {
callback();
}
}
},
processResponse: function(response, node, callback) {
var json = response.responseText;
try {
var o = eval("(" + json + ")").d;
for (var i = 0, len = o.length; i < len; i++) {
var n = this.createNode(o[i]);
if (n) {
node.appendChild(n);
}
}
if (typeof callback == "function") {
callback(this, node);
}
} catch (e) {
this.handleFailure(response);
}
}
});

其他都没变，就改写了上面的2个事件中红色的部分，害我为了这个tree搞了半天。

文章开头的那个链接是关于store的，老外果然很有想法，Store主要的问题还是关于那个返回的那个D，

var store = new Ext.data.JsonStore({
proxy: new Ext.data.HttpProxy({
url: "Home.asmx/LoadPersonInfo"
, method: 'post'
, jsonData: {}
, headers: { 'Content-Type': 'application/json; charset=utf-8;' }
}),
root: 'd.root',
totalProperty: 'd.totalPorperty',
idProperty: 'personId',
fields: fields
});
上面D对象的属性可以自己的，不一定就那个。

后台XX.asmx.cs

var json = new { totalPorperty = MainTypeListCount, root = data };
return json;

上面是返回STORE的最后2句，json的返回对象是object，目的是为了去掉d:后面的那个大双引号。如果还有不明白的可以回复或者看那个链接老外的解决过程。小弟我这里也只能抛砖引玉了。

最后忘记了TreeLoader获得到的JSON语句也要是上面的那种对象形式。可怜我以前都是用Newtonsoft.Json转换成字符串再return，苦了几天了。