我在 extJs 中遇到了这个例子。我发现他们正在使用 Ext.example.msg 进行滑动。所以,我决定将文件 example.js 存储在 app/ext/example/example.js
Ext.example = function(){
var msgCt;
function createBox(t, s){
return ['<div class="msg">',
'<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
'<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"><h3>', t, '</h3>', s, '</div></div></div>',
'<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
'</div>'].join('');
}
return {
msg : function(title, format){
if(!msgCt){
msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div'}, true);
debugger;
}
msgCt.alignTo(document, 't-t');
var s = String.format.apply(String, Array.prototype.slice.call(arguments, 1));
var m = Ext.DomHelper.append(msgCt, {html:createBox(title, s)}, true);
m.slideIn('t').pause(1).ghost("t", {remove:true});
},
init : function(){
var t = Ext.get('exttheme');
if(!t){ // run locally?
return;
}
var theme = Cookies.get('exttheme') || 'aero';
if(theme){
t.dom.value = theme;
Ext.getBody().addClass('x-'+theme);
}
t.on('change', function(){
Cookies.set('exttheme', t.getValue());
setTimeout(function(){
window.location.reload();
}, 250);
});
var lb = Ext.get('lib-bar');
if(lb){
lb.show();
}
}
};
}();
在 index.html 我添加了路径<script src="./example/example.js" type="text/javascript" ></script>
。我在 example.js 中保留了一个调试器。它在此 ( var s = String.format.apply(String, Array.prototype.slice.call(arguments, 1));
) 行失败并显示消息Uncaught TypeError: Cannot call method 'apply' of undefined。这是关于什么的?我的控制器中有一个保存按钮,并且
Ext.MessageBox.alert('Save', 'xxxx', showResult);
function showResult(btn){
debugger;
Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
};
现在 ExtJs 4.2 中的新方法是什么。请提出建议。