一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

ExtJs 3.1 XmlTreeLoader Example Error

前言
  關(guān)鍵字:ExtJs 3.1 XmlTreeLoader Example Error,XmlTreeLoader 錯誤,TreePanel Error

  ExtJs 3.1的XmlTreeLoader例子折騰了我近一個下午加晚上,官方的例子沒有問題,可以加載xml的數(shù)據(jù),本地IIS死活不行,也不報錯,直接查看官方的代碼也是一模一樣的,今早意外給讓我搜到了,不是在官方,而是在貌似一個韓國的博客里面找到的,致敬一下,本文且做其簡單中文"譯"本。

原文
  http://Javarush.com/entry/ExtJS-XmlTreeLoader-Error 

正文

   1.  代碼位置:Ext3.1/examples/tree/xml-tree-loader.js

   2.  注意標(biāo)紅新增代碼",requestMethod: 'GET'"!!
復(fù)制代碼 代碼如下:
/*!
* Ext JS Library 3.1.0
* Copyright(c) 2006-2009 Ext JS, LLC
* licensing@extjs.com
* http://www.extjs.com/license
*/

//
// Extend the XmlTreeLoader to set some custom TreeNode attributes specific to our application:
//
Ext.app.BookLoader = Ext.extend(Ext.ux.tree.XmlTreeLoader, {
processAttributes : function(attr){
if(attr.first){ // is it an author node?

// Set the node text that will show in the tree since our raw data does not include a text attribute:
attr.text = attr.first + ' ' + attr.last;

// Author icon, using the gender flag to choose a specific icon:
attr.iconCls = 'author-' + attr.gender;

// Override these values for our folder nodes because we are loading all data at once. If we were
// loading each node asynchronously (the default) we would not want to do this:
attr.loaded = true;
attr.expanded = true;
}
else if(attr.title){ // is it a book node?

// Set the node text that will show in the tree since our raw data does not include a text attribute:
attr.text = attr.title + ' (' + attr.published + ')';

// Book icon:
attr.iconCls = 'book';

// Tell the tree this is a leaf node. This could also be passed as an attribute in the original XML,
// but this example demonstrates that you can control this even when you cannot dictate the format of
// the incoming source XML:
attr.leaf = true;
}
}
});

Ext.onReady(function(){

var detailsText = '<i>Select a book to see more information...</i>';

var tpl = new Ext.Template(
'<h2 class="title">{title}</h2>',
'<p><b>Published</b>: {published}</p>',
'<p><b>Synopsis</b>: {innerText}</p>',
'<p><a href="{url}" target="_blank">Purchase from Amazon</a></p>'
);
tpl.compile();

new Ext.Panel({
title: 'Reading List',
renderTo: 'tree',
layout: 'border',
width: 500,
height: 500,
items: [{
xtype: 'treepanel',
id: 'tree-panel',
region: 'center',
margins: '2 2 0 2',
autoScroll: true,
rootVisible: false,
root: new Ext.tree.AsyncTreeNode(),

// Our custom TreeLoader:
loader: new Ext.app.BookLoader({
dataUrl:'xml-tree-data.xml'
,requestMethod: 'GET'
}),

listeners: {
'render': function(tp){
tp.getSelectionModel().on('selectionchange', function(tree, node){
var el = Ext.getCmp('details-panel').body;
if(node && node.leaf){
tpl.overwrite(el, node.attributes);
}else{
el.update(detailsText);
}
})
}
}
},{
region: 'south',
title: 'Book Details',
id: 'details-panel',
autoScroll: true,
collapsible: true,
split: true,
margins: '0 2 2 2',
cmargins: '2 2 2 2',
height: 220,
html: detailsText
}]
});
});

結(jié)束語

  不要放棄和接受一次失敗的搜索,不斷的嘗試改變搜索關(guān)鍵字,哪怕是用詞霸翻成英文也得努力去試試,看不懂不要緊,看懂代碼就行,代碼無國界: )

JavaScript技術(shù)ExtJs 3.1 XmlTreeLoader Example Error,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产免费成人在线视频 | 91视频免费观看 | 91福利国产在线观一区二区 | 国产小视频免费在线观看 | 国产熟睡乱子伦视频观看软件 | 国产精品偷伦视频免费观看了 | 午夜毛片福利 | 色多多www视频在线观看免费 | 九九久久国产精品免费热6 九九久久精品 | 久久精品国产亚洲片 | 青青热在线精品视频免费 | 精品视频第一页 | 男人猛桶女人下面视频国产 | 亚洲午夜视频 | 免费观看一区二区 | 伊人久久大香线焦在观看 | 91福利刘玥国产在线观看 | 国产欧美亚洲三区久在线观看 | 国产乱码一区二区三区四川人 | 49pao强力在线高清基地 | 国产福利在线91 | 久久国产美女免费观看精品 | 五月月色开心婷婷久久合 | 午夜视频www | 日韩黄色在线观看 | 精品第一页 | 91豆奶视频 | 在线免费观看精品 | 国产精品第一 | 色五婷婷| 国内精品免费麻豆网站91麻豆 | 开心激情五月婷婷 | 国产精品久久久久久久久岛 | 黄色网免费观看 | 一本色道久久88亚洲精品综合 | 国产成人91高清精品免费 | 欧美巨大另类极品videohd | 国产精品高清全国免费观看 | 欧美欧美乱码一二三区 | 樱花aⅴ一区二区三区四区 影音先锋 色天使 | 日韩中文字幕免费版 |