本文探讨了Ext.onReady与jQuery(document).ready(function(){...}
Ext.onReady jQuery(document).ready(function() 哪个先执行？
为什么在
jQuery(document).ready(function() {
var flage = document.getElementById("flag").value;
if(flage == 0)
{
$("#updateTempParamForm").hide();
$("#updateTempFileForm").show();
}else{
$("#updateTempParamForm").show();
$("#updateTempFileForm").hide();
}
进入页面后EXT 面板设置为show Buttion 按钮有事件，如果为hide 事件就没了？
代码：
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="page" uri="/WEB-INF/tlds/paginated.tld"%>
<%@ include file="../common/language.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><s:text name="msg.portalMS.system.siteManager" />——<s:text
name="msg.portalMS.siteMgr.add" /></title>
<link href="../style/base<%=language_css%>.css" rel="stylesheet"
type="text/css" />
<link rel="stylesheet" type="text/css"
href="../js/ext/resources/css/ext-all.css"></link>
<%@ include file="../common/commonJS.jsp"%>
<script type="text/javascript" src="../js/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../js/ext/ext-all.js"></script>
<script type="text/javascript" src="../js/Calendar/WdatePicker.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../jsCBB/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></script>
<script type="text/javascript" src="../js/ex.jquery.validate.js"></script>
<script type="text/javascript">
Ext.onReady( function() {
Ext.QuickTips.init();
Ext.BLANK_IMAGE_URL = "../js/ext/resources/images/default/s.gif";
Ext.form.Field.prototype.msgTarget = 'side';
var btn = new Ext.Button(
{
id : 'dd',
text : '<s:text name="msg.portalMS.jsp.file.browse"/> ',
listeners : {
render : function() {
var button_container = this.el.child("em");
button_container.position("relative");
this.input_file = Ext.DomHelper
.append(
button_container,
{
tag : "input",
type : "file",
size : 1,
name : this.input_name
|| Ext
.id(this.el),
style : "z-index: 99999;position: absolute;display: block; border: none;cursor: pointer;"
}, true);
this.input_file.setOpacity(0);
this.input_file.on("click", function(e) {
e.stopPropagation()
})
this.input_file.on("change", function(e) {
var value = this.input_file.dom.value;
fm.getForm().findField('fileValue')
.setValue(value);
}, this)
btn_cont = this.el.child("em");
btn_box = btn_cont.getBox();
this.input_file.setStyle("font-size",
(btn_box.width * 0.5) + "px");
inp_box = this.input_file.getBox();
adj = {
x : 3,
y : 3
};
this.input_file.setLeft(btn_box.width
- inp_box.width + adj.x + "px");
this.input_file.setTop(btn_box.height
- inp_box.height + adj.y + "px")
}
}
});
var fm = new Ext.form.FormPanel(
{
//title : "更新模板文件"
url : '../template/uploadServlet?t=' + new Date(),
autoScroll : true,
applyTo : 'updateTempFileForm',
frame : true,
width : 550,
height : 200,
buttonAlign : 'center',
fileUpload : true,
//title: 'panel1',
items : [ {
id:'templateId',
name : 'templateId',
xtype : 'textfield',
hidden : true,
//fieldLabel : '模板ID',
allowBlank : true,//是否允许为空，false为不允许
anchor:'80%'
},{
id:'templateCode',
name : 'templateCode',
xtype : 'textfield',
hidden : true,
//fieldLabel : '模板名称',
allowBlank : true,//是否允许为空，false为不允许
anchor:'80%'
},{
id:'homePage',
name : 'homePage',
xtype : 'textfield',
hidden : true,
//fieldLabel : '模板名称',
allowBlank : true,//是否允许为空，false为不允许
anchor:'80%'
},{
border : false,
layout : 'table',
items : [
{
layout : 'form',
// hideLabels : true, 隐藏标签
border : false,
labelAlign : 'right',
style : 'padding-top:3px;',
items : new Ext.form.TextField(
{
id : 'file',
name : 'fileValue',
fieldLabel : '<s:text name="msg.portalMS.template.file"/> '
})
}, {
border : true,
style : 'padding-left:2px;',
items : btn
} ]
} ],
buttons : [ {
text : '<s:text name="msg.portalMS.template.upload.begin"/>',
handler : function() {
var fileField = Ext.getCmp('file');
var fileValue = fileField.getValue();
if(Ext.isEmpty(fileValue)){
Ext.Msg.alert('<s:text name="msg.portalMS.template.system.tip"/>', '<s:text name="msg.portalMS.template.up.tip1"/>');
return;
}else{
if(-1==fileValue.toLocaleLowerCase().lastIndexOf(".zip")){
Ext.Msg.alert('<s:text name="msg.portalMS.template.system.tip"/>', '<s:text name="msg.portalMS.template.up.tip2"/>');
return;
}
}
//点击'开始上传'之后，将由这个function来处理。
if (fm.form.isValid()) {//验证form， 本例略掉了
//显示进度条
Ext.MessageBox.show( {
title : '<s:text name="msg.portalMS.template.uploading"/>',
width : 240,
progress : true,
closable : true,
progressText:'<s:text name="msg.portalMS.template.uploading"/>...'
});
var templateId = document.getElementById("template.templateId").value;
var templateCode = document.getElementById("template.code").value;
var homePage = document.getElementById("homePage").value;
var submitUrl = '../template/uploadServlet?t='+ new Date()+"&templateId="+templateId+"&templateCode="+templateCode+"&homePage="+homePage;
//form提交
fm.getForm().submit({
url:submitUrl,
method:'POST'
});
//设置一个定时器，每500毫秒向processController发送一次ajax请求
var i = 0;
var timer = setInterval( function() {
Ext.Ajax.request( {
//以后凡是在ajax的请求的url上面都要带上日期戳，
url : 'processController.action?t=' + new Date(),
method : 'get',
//处理ajax的返回数据
success : function(response, options) {
status = response.responseText + " " + i++;
var obj = Ext.util.JSON.decode(response.responseText);
if (obj.success==true) {
if (obj.finished) {
clearInterval(timer);
status = response.responseText;
Ext.MessageBox.updateProgress(1,'finished', 'finished');
Ext.MessageBox.hide();
Ext.MessageBox.alert('<s:text name="msg.portalMS.template.system.tip"/>','<s:text name="msg.portalMS.template.upload.tip"/>',function(e)
{
//Cflag表示模板修改类型，1表示修改的模板文件，后面必须修改入口页后。
window.location.href = 'importTemplate.action?action=toUpdate&template.templateId='+ templateId+'&Cflag=1'+'&flag=1';
//window.location.href = '../template/findTemplateListByType.action?templateListType=0';
return ;
}
);
} else
{
Ext.MessageBox.updateProgress(obj.percentage, obj.msg);
}
}
else{
Ext.Msg.alert('<s:text name="msg.portalMS.template.system.tip"/>', obj.msg);
}
},
failure : function(response,options) {
clearInterval(timer);
Ext.Msg.alert('<s:text name="msg.portalMS.template.system.error"/>', '<s:text name="msg.portalMS.template.system.error.tip"/>');
}
});
}, 500);
} else {
Ext.Msg.alert('<s:text name="msg.portalMS.template.system.tip"/>', '<s:text name="msg.portalMS.template.tip.error"/>');
}
}
} ]
});
});
jQuery(document).ready(function() {
var flage = document.getElementById("flag").value;
if(flage == 0)
{
$("#updateTempParamForm").hide();
$("#updateTempFileForm").show();
}else{
$("#updateTempParamForm").show();
$("#updateTempFileForm").hide();
}
$("#updateTemplateFlag").change(function() {
var checkValue = $("#updateTemplateFlag").find("option:selected").val();
if(1 == checkValue)
{
$("#updateTempParamForm").hide();
$("#updateTempFileForm").show();
}
else
{
$("#updateTempParamForm").show();
$("#updateTempFileForm").hide();
}
});
$("#updatetemplateParam").validate({
rules: {
"template.name":{
required: true,
regexMatch: "^([\\w\\s\u4e00-\u9fa5]+)$",
minlength:1,
maxlength:30
},
"template.remark":{
minlength:1,
maxlength:300
},
"template.homePage":{
required: true
}
},
messages: {
"template.name":{
required: '<s:text name="msg.portalMS.template.name.required" />',
regexMatch: '<s:text name="msg.portalMS.template.name.valide" />',
maxlength: '<s:text name="msg.portalMS.template.name.length" />'
},
"template.remark":{
maxlength: '<s:text name="msg.portalMS.template.remark.length" />'
},
"template.homePage":{
required: '<s:text name="msg.portalMS.template.homePage.required" />'
}
},
errorPlacement: function(error, element) {
var name = element.attr( "name" );
if ( name == 'commonTemplate.remark' ) {
var upload = $( "#contentError" );
upload.html( "" );
error.appendTo( upload );
} else {
element.next().empty();
error.appendTo( element.parent() );
}
}
});
});
</script>
</head>
<body>
<s:form action="updateTemplate" theme="simple"
id="updatetemplateParam" validate="false" namespace="/template">
<input type="hidden" id="template.templateId"
name="template.templateId" value="${template.templateId}" />
<input type="hidden" id="template.code" name="template.code"
value="${template.code}" />
<input type="hidden" id="homePage" name="homePage"
value="${template.homePage}" />
<input type="hidden" id="template.isBak" name="template.isBak"
value="${template.isBak}" />
<input type="hidden" id="Cflag" name="Cflag" value="${Cflag}" />
<input type="hidden" id="flag" name="flag" value="${flag}" />
<div class="r_main">
<!---导航 --->
<div class="r_nav">
<div class="left">
<img src="../images/nav_l.gif" width="5" height="29" />
</div>
<div class="ct">
<s:text name="msg.portalMS.system.current.position" />
<s:text name="msg.portalMS.template.manager" />
>
<s:text name="msg.portalMS.template.edition" />
>
<s:text name="msg.portalMS.template.edit" />
</div>
<div class="right">
<img src="../images/nav_r.jpg" width="5" height="29" />
</div>
</div>
<!---更新类型选择 --->
<div class="info_tit">
<div class="left">
<s:text name="msg.portalMS.template.edit" />
</div>
</div>
<div class="page_tb">
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="in_table long">
<s:if test="Cflag !=1">
<tr>
<td class="col1 must">
<s:text name="msg.portalMS.template.edit.type" />
</td>
<td>
<s:select id="updateTemplateFlag" name="updateTemplateFlag"
list="#{'1':getText('msg.portalMS.template.file'),'2':getText('msg.portalMS.template.edit.properties')}"
theme="simple" listKey="key" listValue="value"
value="updateTemplateFlag"></s:select>
</td>
</tr>
</s:if>
</table>
</div>
<!--- 修改模板属性 --->
<div id="updateTempParamForm">
<div class="page_tb">
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="in_table long">
<s:if test="Cflag !=1">
<tr class="bule">
<td class="col1">
<s:text name="msg.portalMS.template.code" />
</td>
<td>
<s:property value="template.code" />
</td>
</tr>
<tr>
<td class="col1 must blue">
<s:text name="msg.portalMS.template.name" />
</td>
<td>
<s:textfield name="template.name" />
<s:fielderror fieldName="template.name" cssStyle="color: red;" />
<font color='gray'> <s:text
name="msg.portalMS.template.alias.valide" /> </font>
</td>
</tr>
</s:if>
<tr class="bule">
<td class="col1 must">
<s:text name="msg.portalMS.template.homePage" />
</td>
<td>
<s:select name="template.homePage" list="homePage"
multiple="false" />
</td>
</tr>
<s:if test="showFlag==0">
<tr>
<td>
<s:text name="msg.portalMS.template.cityname" />
</td>
<td>
<s:property value="template.cityName" />
</td>
</tr>
</s:if>
<s:if test="Cflag !=1">
<tr class="bule">
<td class="col1">
<s:text name="msg.portalMS.template.description" />
</td>
<td>
<s:textarea cssClass="m_g text_eara" rows="7"
name="template.remark" />
<br />
<s:fielderror fieldName="template.remark"
cssStyle="color: red;" />
</td>
</tr>
</s:if>
</table>
<div class="info">
<input type="submit"
value="<s:text name="msg.portalMS.system.ok"/>" />
<input type="button"
onclick="window.location='findTemplateListByType.action?queryFlag=true';setTimeout(function(){load();},tipTime);"
value="<s:text name="msg.portalMS.system.goBack" />" />
</div>
</div>
</div>
</div>
</s:form>
<!--- 更新模板文件 --->
<div id="updateTempFileForm"></div>
</body>
</html>
扫一扫
859
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
