大佬教程收集整理的这篇文章主要介绍了未启用Ext.loader是否需要缺少?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Ext.require([
\'Ext.form.*\',\'Ext.grID.*\',\'Ext.tree.*\',\'Ext.data.*\',\'Ext.util.*\',\'Ext.loader.*\',\'Ext.state.*\',\'Ext.layout.container.column\',\'Ext.tab.TabPanel\'
]);
Ext.onReady(function(){
// shorthand
Ext.QuickTips.init();
var tree = Ext.create(\'Ext.tree.TreePanel\',{
animate:false,enableDD:false,// loader: new Tree.TreeLoader(),// Note: no dataurl,register a TreeLoader to make use of createNode()
lines: true,rootVisible:false,// selmodel: new Ext.tree.MultiSELEctionModel(),containerScroll: false
});
// set the root node
var root = Ext.create(\'Ext.tree.TreeNode\',{
text: \'autos\',draggable:false,ID:\'source\'
});
tree.on(\'contextmenu\',showCtX);
tree.on(\'click\',function(node,E){node.SELEct();return false;});
// Json data describing the tree
var Json = [
{\"text\" : \"1\",\"allowEdit\" : true,\"ID\" : 300,\"leaf\" : false,\"cls\" : \"folder\",\"children\" : [
{\"text\" : \"11\",\"ID\" : 3000,\"children\" :[
{\"text\" : \"111\",\"children\" :[
{\"text\" : \"1111\",\"leaf\" : true,\"cls\" : \"file\"},{\"text\" : \"1112\",{\"text\" : \"1113\",\"cls\" : \"file\"}
]},{\"text\" : \"112\",{\"text\" : \"113\",{\"text\" : \"12\",{\"text\" : \"13\",{\"text\" : \"2\",{\"text\" : \"3\",\"cls\" : \"file\",iconCls:\'node\'}
];
for(var i = 0,len = Json.length; i < len; i++) {
root.appendChild(tree.getLoader().createNode(Json[i]));
}
var ge = Ext.create(\'Ext.tree.TreeEditor\',tree,{},{
allowBlank:false,blankText:\'Nom du dossIEr\',SELEctOnFocus:true,cancelOnesc:true,completeOnEnter:true,ignoreNoChange:true,updateEl:true
});
/*ge.on(\'beforestartedit\',function(){
if(!ge.editNode.attributes.allowEdit){
return false;
}
});*/
tree.setRootNode(root);
tree.render();
root.expand(true);
});
谢谢 :)
Ext.Loader.setConfig({enabled:truE});
您需要在onReady
方法的开头调用它。,这在ExtJs 4中对我有用。只需在app.js的顶部添加Ext.Loader.setConfig({enabled:truE});
。,真正的问题是您正在使用ext-debug.js,ext.js
改为使用:ext-all.js或ext-dev.js
阅读有关动态加载的信息
index.html示例:
<html>
<head>
<title>Hello Ext</title>
<link rel=\"stylesheet\" type=\"text/css\" href=\"ext-4/resources/css/ext-all.css\">
<script type=\"text/javascript\" src=\"ext-4/ext-dev.js\"></script>
<script type=\"text/javascript\" src=\"app.js\"></script>
</head>
<body></body>
</html>
在该示例中,您不需要启用动态加载,因为动态加载是针对开发环境的。 ext-all.js,ext.js用于部署。 ext-all-debug.js和ext-debug.js用于部署后的调试。
MVC和动态加载在部署中没有用,因为您必须具有sencha cmd(又名Sencha工具)生成的1个文件。,我看着这个,不得不退后一步,因为我是ExtJS新手。我不清楚在OnReady调用之前关于广义放置语句的说法。
Sencha API Docs网站(版本5.0)上的以下内容也显示了此示例,以更好地了解对Ext.Loader类的调用的位置。我认为它有点夸张,带有多个JavaScript标签。
<script type=\"text/javascript\" src=\"ext-core-debug.js\"></script>
<script type=\"text/javascript\">
Ext.Loader.setConfig({
enabled: true,paths: {
\'My\': \'my_own_path\'
}
});
</script>
<script type=\"text/javascript\">
Ext.require(...);
Ext.onReady(function() {
// application code here
});
</script>
我对自己的个人代码所做的更改如下添加,并且效果很好。这是非常简单的。
Ext.Loader.setConfig({enabled:truE});
Ext.application({
name : \'MyApp\',appFolder : \'app\',controllers : [
\'MyApp.controller.item.Item\'
],autoCreateViewport : true
});
如果您在Loader上遇到问题,那么您可能还想复习Ext.require和Ext.exclude类,以了解它们如何交互以加载自定义类。以上是大佬教程为你收集整理的未启用Ext.loader是否需要缺少?全部内容,希望文章能够帮你解决未启用Ext.loader是否需要缺少?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。