PDA

View Full Version : ????????????????



lacinquieme
4 Mar 2010, 4:27 AM
Extjs.com??Products???overview???????Ajax with XML Form???
?????????????????????????????

??http://www.extjs.com/deploy/dev/examples/form/xml-form.html

???????????????????????????

??????????????????????????
???????????????????????
?????????????????????????????????

?????????????
??
????
??
????
??
???????????????

????????????????????????????????
????????????????????????????????

??????????????????????????????????????????

yuki
4 Mar 2010, 5:21 PM
???????????????Ext.form.FormPanel?


...
waitMsgTarget:true,
...


??????????FormPanel????BasicForm?????Ext.Element.mask???????????????????????????????????????????????????????Element?mask????????????????????unmask????

????????????????????

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Ext.Element.mask????</title>
<link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.1.1/resources/css/ext-all.css" />
<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.1.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.1.1/ext-all.js"> </script>

<style>
#masktgt {
width: 300px;
height: 300px;
border: solid 1px;
}
</style>
<script type="text/javascript"><!--
Ext.BLANK_IMAGE_URL = "http://extjs.cachefly.net/ext-3.1.1/resources/images/default/s.gif";
Ext.onReady(function(){
Ext.get("mask").on("click", function(){
if(this.dom.value == '???'){
this.dom.value = '?????';
Ext.fly("masktgt").mask("????", 'x-mask-loading'); //?????
}else{
this.dom.value = '???';
Ext.fly("masktgt").unmask(); //?????

}
});
});
// --></script>
</head>
<body>
<input type="button" id='mask' value='???' />
<div id='masktgt'>????????</div>
</body>
</html>

lacinquieme
5 Mar 2010, 6:11 PM
yuki??

??????????????
?????????????????????????????
??????? ?????????

????????????????????????????
????????????????

?? ???????????????????????????????????

????????????????????????????? ???????
????????????????????????????????????????
click???????? onmousedown????????????????

????????????????????fireEvent??????? ??
??????????????????????

???????????????????????????????? ?show?????????
????????????????????hide?????????????????????????


Ext.BLANK_IMAGE_URL = "./resources/images/default/s.gif";
Ext.onReady(function(){
var myButton = new Ext.Button({
renderTo : 'idButton',
text: '????',
handler: function(){
myFunc();
},
this.on('show',function(){Ext.fly("masktgt").mask("???", 'x-mask-loading');},this);
this.on('hide',function(){Ext.fly("masktgt").unmask();},this);
});
});

??? myFunc()???


function myFunc()
{
Ext.fly("idButton").fireEvent("show",Ext.fly("idButton"));

???????????????????????????
?????????????????????? ??????????????????????

???????????????????????????????????

yuki
5 Mar 2010, 7:58 PM
????handler???myFunc()?????????????????????????????????????????????

lacinquieme
6 Mar 2010, 1:47 PM
??????????????????
???????????????????

??????????????????

lacinquieme
8 Mar 2010, 3:38 AM
yuki??

???????handler???myFunc()??????????????????????????
?????????????????????????

???????????????????????????????????

setTimeout()??????????????????
??????Ext.js?????????????????????????

????????????????????????????????????????????????


Ext.BLANK_IMAGE_URL = "./resources/images/default/s.gif";
Ext.onReady(function(){

var task = new Ext.util.DelayedTask(function(){

myFunc();

Ext.fly("masktgt").unmask();
});

var myButton = new Ext.Button({
renderTo : 'idButton',
text : '????',
handler : function(){
this.fireEvent("mousedown",this);
return false;
}
});

myButton.on('mousedown',
function(){
Ext.fly("idButton").mask("???", 'x-mask-loading');
task.delay(1000);
},myButton);
});


function myFunc()
{
????????
}
yuki???????????????????????????
??????????????????????????????????

??????????????????????????????????????????

??????????????????