ext HTML元素显示控制.docx
《ext HTML元素显示控制.docx》由会员分享,可在线阅读,更多相关《ext HTML元素显示控制.docx(44页珍藏版)》请在冰豆网上搜索。
extHTML元素显示控制
extHTML元素显示控制
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>处理流程任务</title>
<metacontent="MSHTML6.00.2900.5921"name=generator/>
</head>
<scripttype="text/javascript">
vardocvalue="";
/**存储隐藏域的值的全局变量*/
varfileinfo=newArray();
varfid=0;
//附件上传
functiondownloadFile(){
Ext.Ajax.request({
form:
'form2',
params:
{
processInstanceId:
Ext.get('processInstanceId').dom.value,
wcfid:
Ext.get('wcfid').dom.value
},
success:
function(response,options){
varrs=response.responseText;
if(rs==1){
varfiles=document.getElementsByTagName("file");
for(vari=0;i<files.length;i++){
document.execCommand('Delete');
}
alert('上传附件成功');
}else{
Ext.Msg.alert('提示信息','上传附件失败!
');
}
}
});
}
//获取参数
functionsearchParse(){
varresultObj={};
varsearch=window.location.search;
//console.log(search);
if(search&&search.length>1){
varsearch=search.substring
(1);
varitems=search.split('&');
for(varindex=0;index<items.length;index++){
if(!
items[index]){
continue;
}
varkv=items[index].split('=');
resultObj[kv[0]]=typeofkv[1]==="undefined"?
"":
kv[1];
}
}
returnresultObj;
}
varsearchObj=searchParse();
varexecutionid=searchObj["executionid"];
varwid=searchObj["wid"];
varactivity=decodeURI(searchObj["activity"]);
varinstanceId=executionid;
varwin=null;
varformid;
//初始化表单数据
Ext.onReady(function(){
varcolumnData=newArray();
vards=newExt.data.ArrayStore({
data:
columnData,
fields:
['value','text'],
sortInfo:
{
field:
'value',
direction:
'ASC'
}
});
varcolumnData02=newArray();
vards02=newExt.data.ArrayStore({
data:
columnData02,
fields:
['value','text'],
sortInfo:
{
field:
'value',
direction:
'ASC'
}
});
varisForm=newExt.form.FormPanel({
labelAlign:
'left',
frame:
true,
width:
900,
items:
[{
layout:
'column',
items:
[{
columnWidth:
.2,
layout:
'form',
items:
[newExt.tree.TreePanel({
width:
200,
root:
newExt.tree.AsyncTreeNode({
id:
'0',
text:
'部门'
}),
loader:
newExt.tree.TreeLoader({dataUrl:
'getDepTreeData.action'}),
listeners:
{
'click':
function(node){
Ext.Ajax.request({
url:
'getNoticeUserByDepid.action',
params:
{
depid:
node.id
},
success:
function(response){
varrs=eval(response.responseText);
//console.log(rs);
if(rs&&rs.length>0){
vara=newArray();
columnData.length=0;
for(vari=0;i<rs.length;i++){
a=[rs[i].id,rs[i].text];
columnData.push(a);
}
//console.log(columnData);
ds.loadData(columnData);
}else{
Ext.Msg.alert('提示','没有可选用户');
}
},
failure:
function(response){
Ext.Msg.alert('提示','没有可选用户');
}
});//ajaxend
}
}
}),newExt.tree.TreePanel({
width:
200,
root:
newExt.tree.AsyncTreeNode({
id:
'0',
text:
'角色'
}),
loader:
newExt.tree.TreeLoader({dataUrl:
'getRoleTreeData.action'}),
listeners:
{
'click':
function(node){
Ext.Ajax.request({
url:
'getNoticeUserByDepid.action',
params:
{
depid:
node.id
},
success:
function(response){
varrs=eval(response.responseText);
//console.log(rs);
if(rs&&rs.length>0){
vara=newArray();
columnData.length=0;
for(vari=0;i<rs.length;i++){
a=[rs[i].id,rs[i].text];
columnData.push(a);
}
//console.log(columnData);
ds.loadData(columnData);
}else{
Ext.Msg.alert('提示','没有可选用户');
}
},
failure:
function(response){
Ext.Msg.alert('提示','没有可选用户');
}
});//ajaxend
}
}
}),newExt.tree.TreePanel({
width:
200,
root:
newExt.tree.AsyncTreeNode({
id:
'0',
text:
'岗位'
}),
loader:
newExt.tree.TreeLoader({dataUrl:
'getPostTreeData.action'}),
listeners:
{
'click':
function(node){
Ext.Ajax.request({
url:
'getNoticeUserByDepid.action',
params:
{
depid:
node.id
},
success:
function(response){
varrs=eval(response.responseText);
//console.log(rs);
if(rs&&rs.length>0){
vara=newArray();
columnData02.length=0;
for(vari=0;i<rs.length;i++){
a=[rs[i].id,rs[i].text];
columnData02.push(a);
}
//console.log(columnData);
ds02.loadData(columnData02);
}else{
Ext.Msg.alert('提示','没有可选用户');
}
},
failure:
function(response){
Ext.Msg.alert('提示','没有可选用户');
}
});//ajaxend
}
}
})]
},{
columnWidth:
.8,
layout:
'form',
items:
[{xtype:
'itemselector',
name:
'itemselector',
imagePath:
'../scripts/images/',
multiselects:
[{
width:
250,
height:
200,
style:
'background-color:
#FFFFFF;',
store:
ds02,
displayField:
'text',
valueField:
'value'
},{
width:
250,
style:
'background-color:
#FFFFFF;',
height:
200,
store:
[],
tbar:
[{
text:
'清空',
cls:
'winBtn',
width:
73,
handler:
function(){
isForm.getForm().findField('itemselector').reset();
}
}]
}]}]
}]
}],
buttons:
[{
text:
'确定',
cls:
'winBtn',
width:
73,
handler:
function(){
varvalues=isForm.getForm().getValues();
Ext.get('text001').dom.value=values.itemselector;
winw.hide();
isForm.getForm().findField('itemselector').reset();
}
},{
text:
'取消',
cls:
'winBtn',
width:
73,
handler:
function(){
winw.hide();
isForm.getForm().findField('itemselector').reset();
}
}]
});
varForm02=newExt.form.FormPanel({
labelAlign:
'left',
frame:
true,
width:
900,
items:
[{
columnWidth:
.8,
layout:
'form',
items:
[{xtype:
'itemselector',
name:
'itemselector',
imagePath:
'../scripts/images/',
multiselects:
[{
width:
250,
height:
200,
store:
ds,
displayField:
'text',
style:
'background-color:
#FFFFFF;',
valueField:
'value'
},{
width:
250,
height:
200,
style:
'background-color:
#FFFFFF;',
store:
[],
tbar:
[{
text:
'清空',
cls:
'winBtn',
width:
73,
handler:
function(){
Form02.getForm().findField('itemselector').reset();
}
}]
}]
}]
}],
buttons:
[{
text:
'确定',
cls:
'winBtn',
width:
73,
handler:
function(){
values=Form02.getForm().getValues();
Ext.get('text002').dom.value=values.itemselector;
winz.hide();
Form02.getForm().findField('itemselector').reset();
}
},{
text:
'取消',
cls:
'winBtn',
width:
73,
handler:
function(){
winz.hide();
Form02.getForm().findField('itemselector').reset();
}
}]
});
varwinz=newExt.Window({
title:
'选择处理人',
layout:
'fit',
modal:
true,
width:
700,
height:
300,
closeAction:
'hide',
items:
[Form02]
});
varwinw=newExt.Window({
title:
'选择知会人',
layout:
'fit',
modal:
true,
width:
900,
height:
400,
closeAction:
'hide',
items:
[isForm]
});
win=newExt.Window({
title:
'选择处理人及知会人',
closeAction:
'hide',
width:
300,
modal:
true,
labelAlign:
'right',
bodyStyle:
'padding-top:
50px;padding-left:
10px;',
height:
200,
layout:
'form',
buttons:
[{
text:
'确定',
cls:
'winBtn',
width:
73,
id:
'tj',
handler:
function(){
Ext.Ajax.request({
url:
'exe_wfe.action',
params:
{
executionid:
executionid,
notice:
Ext.get('text001').dom.value,
assigne:
Ext.get('text002').dom.value,
wid:
wid,
activity:
activity,
taskNum:
Ext.get('taskNum').dom.value
},
success:
function(response){
if(response.responseText=='1'){
location.replace('/dyzc/task/tasklist.html');
}else{
Ext.Msg.alert("提示","处理错误");
}
}
});//ajaxend
}
},{
text:
'取消',
cls:
'winBtn',
width:
73,
id:
'gb',
handler:
function(){
win.hide();
}
}],
items:
[{
xtype:
'textfield',
fieldLabel:
'选择处理人',
readOnly:
true,
id:
'text002',
listeners:
{
"focus":
function(){
Ext.Ajax.request({
url:
'ntask_wfa.action',
params:
{
instanceId:
Ext.get('instanceId').dom.value,
wid:
wid,
//activity:
Ext.get('activity').dom.value,
taskNum:
Ext.get('taskNum').dom.value
},
success:
function(response){
varrs=response.responseText;
if(rs!
=""){
varmk1=newExt.LoadMask(Ext.getBody(),{
msg:
'处理中,请稍等...',
removeMask:
true
});
mk1.show();
Ext.Ajax.request({
url:
'assigne_wfe.action',
params:
{
wid:
wid,
taskNum:
Ext.get('taskNum').dom.value,
activity:
rs
},
success:
function(response){
mk1.hide();
varrs=eval(response.responseText);
if(rs&&rs.length>0){
vara=newArray();
columnData02.length=0;
for(vari=0;i<rs.length;i++){
a=[rs[i].id,rs[i].text];
columnData02.push(a);
}
ds.loadData(columnData02);
winz.show();
}else{
Ext.Msg.alert('提示','没有可选用户');
}
},
failure:
function(response){
Ext.Msg.alert('提示','操作错误');
}
});
}else{
Ext.Msg.alert('提示','没有可选用户');
}
},
failure:
function(response){
Ext.Msg.alert('提示','没有可选用户');
}
});
//ajaxend
}
}
},{
xtype:
'textfield',
fieldLabel:
'选择知会人',
readOnly:
true,
id:
'text001',
listeners:
{
"focus":
function(){
winw.show();
}
}
}]
});
Ext.Ajax.request({
url:
'/dyzc/html_wfa.action',
params:
{
wid:
wid,
activity:
activity,
executionid:
executionid
},
success:
function(response){
varrs=eval(response.responseText);
////设置菜单栏
varFarray=['关联表单','暂存','下一步','结束流程','返回','打印','变更文件','废止文件'];
varSarray=rs[12].split(",");
for(i=0;i<Farray.length;i++){
if(Sarray.indexOf(Farray[i])<0){
Ext.getCmp('Toolbar').remove(Ext.getCmp(Farray[i]));
}
}
////设置菜单栏
document.getElementById("divhtml").innerHTML=rs[9];
document.getElementById("taskNum").value=rs[10];
document.getElementById("wcfid2").value=rs[11];
//document.getElementById("BUTTONDIV").innerHTML=rs[12];
document.getElementById("fid").value=rs[3];
formid=rs[3];
//对表单显示做限制
varradioStringValue="";
varvarColumnList=rs[1];//变量列
varcolumnList=rs[0];//可见列
varwid=rs[4];
varcolumns=columnList.split(",");//可见列
varvarCloumns=varColumnList.spli