huang5787826
- 浏览: 46114 次
- 性别:
- 来自: 厦门
-
文章分类
最新评论
-
guofengcn：
意义不大。。。
ext 细节复习 -
huang5787826：
http://www.ruan001.info/soft/?1 ...
ext 细节复习 -
jaystefanie：
为啥不用numberfield
在ext的textfield里面直接用正则和利用js的vtype 进行比较 赞 -
cectsky：
这种东西写博客好了，发帖。。。
面向对象编程的基本概念 -
dengzhangtao：
汗 可以使用xtype ！tbar:[{xtype:'labe ...
lable 和 xtype 的用法
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp"%>
<html>
<head>
<title>tmStore.title</title>
<%@ include file="/common/headext.jsp" %>
<script type="text/javascript" src="<c:url value='/scripts/ext-dwr-proxy.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/ext-dwr-tree.js'/>"></script>
<script type="text/javascript" src="<c:url value='/dwr-tlcom/interface/tmStoreManager.js'/>"></script>
<script type="text/javascript" src="<c:url value='/dwr-tlcom/interface/cmOrgManager.js'/>"></script>
<script type="text/javascript" src="<c:url value='/dwr-tlcom/interface/cmOrgExManager.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/common/cmOrgCommon.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/common/cmExOrgCommon.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/DWRSubmitAndLoad.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/condition.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/ext-ex.js'/>"></script>
</head>
<body>
<jsp:include page="/common/header.jsp"/>
<jsp:include page="/common/footer.jsp"/>
</body>
</html>
<script type="text/javascript">
tmStore = function(){
}
var loginExOrgUuid = '<c:out value="${requestScope.loginExOrgUuid}"/>';//行政组织树的根节点Id---uuid
var loginOrgCd = '<c:out value="${requestScope.loginOrgCd}"/>';//获取登入时候的OrgCd
var orgPName= '<c:out value="${requestScope.orgPName}"/>';//获取登入时候的OrgCd的名称
var loginOrgUuid= '<c:out value="${requestScope.loginOrgUuid}"/>';//组织树的根节点Id---uuid
tmStore.addOrEditOrDel=1;// cmLeafPosition.addOrEditOrDel为1时代表执行添加事件为2时代表执行编辑事件为3时代表执行删除事件
tmStore.doInit = function(){
Ext.QuickTips.init();
tmStore.initToolbar();
tmStore.initListTree();
tmStore.initDetailForm();
//tmStore.initSearchForm();
tmStore.start();
var viewport = new Ext.Viewport({
layout:'border',
items:[
{region:'north',layout:'fit',margins: '5 5 5 5',border:true,height:tmStore.toolbar.height,items:tmStore.toolbar},
tmStore.tmStoreTree,
{region:'center',title: '仓库信息维护明细',bodyStyle:"padding:10px", width: 200,border:true,margins:'0 5 5 0',layout:'fit',items:tmStore.detailForm }
]
});
tmStore.detailForm.selectFirstItem();
}
tmStore.initToolbar = function(){
var toolbar = tmStore.toolbar=new Ext.HsToolbar({
toolbarType:"smallIco",
title:'仓库信息维护'
});
//查询
// var searchBtn = tmStore.searchBtn = new Ext.Toolbar.Button({
// id:'searchBtn',
// text: '<fmt:message key="button.search"/>',
// iconCls: 'icon-search-big',
//scale: 'large',
// iconAlign: 'top',
// handler:tmStore.onSearch
// });
//toolbar.add(searchBtn);
//toolbar.addSeparator();
//添加
var addBtn = tmStore.addBtn = new Ext.Toolbar.Button({
id:'addBtn',
text: '<fmt:message key="button.add"/>',
iconCls: 'icon-add-big',
scale: 'large',
iconAlign: 'top',
handler:function(){
tmStore.addBtn.setDisabled(true);
Ext.getCmp('editBtn').setDisabled(true);
Ext.getCmp('delBtn').setDisabled(true);
Ext.getCmp('cancelBtn').setDisabled(false);
tmStore.onNew();
}
})
toolbar.add(addBtn);
toolbar.addSeparator();
var editBtn=tmStore.editBtn=new Ext.Toolbar.Button({
id:'editBtn',
text: '编辑',
iconCls: 'icon-edit-big',
scale: 'large',
iconAlign: 'top',
handler:function(){
tmStore.addOrEditOrDel=2;// cmLeafPosition.addOrEdit为2时代表执行编辑事件
Ext.getCmp('editBtn').setDisabled(true);
Ext.getCmp('detailForm').setDisabled(false);
Ext.getCmp('saveBtn').setDisabled(false);
Ext.getCmp('addBtn').setDisabled(true);
Ext.getCmp('delBtn').setDisabled(true);
Ext.getCmp('cancelBtn').setDisabled(false);
}
})
toolbar.add(editBtn);
toolbar.addSeparator();
var saveBtn = tmStore.saveBtn = new Ext.Toolbar.Button({
id:'saveBtn',
text: '<fmt:message key="button.save"/>',
iconCls: 'icon-save-big',
scale: 'large',
iconAlign: 'top',
handler:tmStore.onSave
});
toolbar.add(saveBtn);
toolbar.addSeparator();
var delBtn = tmStore.delBtn = new Ext.Toolbar.Button({
text: '<fmt:message key="button.delete"/>',
iconCls: 'icon-delete-big',
id:'delBtn',
scale: 'large',
iconAlign: 'top',
handler:tmStore.onDelete
})
toolbar.add(delBtn);
toolbar.addSeparator();
var cancelBtn = tmStore.cancelBtn = new Ext.Toolbar.Button({
id:'cancelBtn',
text: '<fmt:message key="button.cancel"/>',
iconCls: 'icon-cancel-big',
scale: 'large',
iconAlign: 'top',
handler:function(){
tmStore.start();
tmStore.addBtn.setDisabled(false);
}
});
toolbar.add(cancelBtn);
toolbar.addSeparator();
toolbar.add(
tmStore.reloadBtn =new Ext.Toolbar.Button({
text: '<fmt:message key="button.reload"/>',
iconCls: 'icon-reload-big',
scale: 'large',
iconAlign: 'top',
handler: function() {
window.location = '<c:url value="tmStores.do"/>';
}
})
);
}
tmStore.initListTree = function(){
//左边的树
var tmStoreTree =tmStore.tmStoreTree =new Ext.tree.TreePanel({
id:'tmStoreTree',
region:'west',
title:'仓库信息维护',
width: 300,
margins:'0 5 5 5',
layout:'fit',
border:true,
autoScroll: true,
animate: false,
enableDD: false,
containerScroll: false,
rootVisible: true,
root: {
nodeType: 'async',
id: loginOrgUuid,
text: orgPName,
href: '',
hrefTarget: ''
},
tbar: [{
text: '<fmt:message key="tree.btn.expandAll"/>',
iconCls: 'icon-expand-all',
scope: this,
handler: function(){
tmStoreTree.expandAll();
}
}, {
text: '<fmt:message key="tree.btn.collapseAll"/>',
iconCls: 'icon-collapse-all',
scope: this,
handler: function(){
tmStoreTree.collapseAll();
}
}]
,
loader: new Ext.tree.DWRTreeLoader({
dwrCall: tmStoreManager.getTreeNodes
})
});
tmStoreTree.root.expand();
tmStore.tmStoreTree.on('click',function(node,e){
var quip="";
//判断点击的节点是不是根节点，是根节点没有quip
if(node.text!=tmStore.rootText){
quip=node.attributes.qtip;
}
var record=tmStore.id= node.id;
var text=tmStore.nodeText=node.text;
var params = [];
var exOrgName;
//当点击不是仓库节点的时候 form 和一些按钮设置不可以用
if(node.attributes.orgLevel!=null){
tmStore.start();
}
else{
//根据点击节点的id 来显示 父级节点的名字
var parentNode = node.parentNode;
//根据点击节点的id 来显示行政树的名字
DWREngine.setAsync(false);
tmStoreManager.getExOrgName(record,function(value){
exOrgName=value;
});
params.push(record);
DWREngine.setAsync(true);
tmStore.loadForm(params,parentNode.text,exOrgName);
Ext.getCmp('detailForm').setDisabled(true);
Ext.getCmp('delBtn').setDisabled(false);
Ext.getCmp('editBtn').setDisabled(false);
Ext.getCmp('saveBtn').setDisabled(true);
Ext.getCmp('addBtn').setDisabled(false);
}
});
tmStore.rootText=tmStoreTree.getRootNode().text;
}
//树的刷新
tmStore.reloadNavNode = function() {
var tree=Ext.getCmp("tmStoreTree");
if(tmStore.addOrEditOrDel==3)
{
var node= tree.getNodeById(tmStore.id);
var parentNode = node.parentNode;
parentNode.reload();
parentNode.expand();
}else if(tmStore.addOrEditOrDel==1){
var node= tree.getNodeById(tmStore.nodeId);
node.reload();
node.expand();
}else if(tmStore.addOrEditOrDel==2){
//如果是编辑时候判断是否有变动所属组织单位有变动了就要刷新两点，如果没有变动只要刷新编辑节点的父节点
if(tmStore.id!=tmStore.nodeId&&tmStore.nodeId!=null){
//变动后的组织树的节点
var node1= tree.getNodeById(tmStore.nodeId);
node1.reload();
node1.expand();
tmStore.nodeId=null;
}
var node= tree.getNodeById(tmStore.id);
var parentNode = node.parentNode;
parentNode.reload();
parentNode.expand();
}
}
tmStore.initDetailForm = function(){
var data=[["0", "自有"], ["1", "租凭"]];
var store=tmStore.store=new Ext.data.SimpleStore({
fields: ['storeVest', 'displayText'],
data: data
});
var formPanel = tmStore.detailForm = new Ext.form.HsFormPanel({
id:'detailForm',
labelAlign: 'top',
height:600,
autoScroll:true,
collapsible: false,
split: true,
layout:'tableform',
layoutConfig : {
columns :2
},
items:[
{xtype:'textfield',id:'storeCd',name: 'storeCd',fieldLabel: '仓库编码',allowBlank:false,maxLength:32,anchor:'60%'},
{xtype:'textfield',id:'storeName',name: 'storeName',fieldLabel: '仓库名称',allowBlank:false,maxLength:64,anchor:'60%'},
{xtype:'textfield',id:'storeArea',name: 'storeArea',fieldLabel: '仓库面积',regex:/^[0-9]\d*|0$/, regexText:'用正数组成',maxLength:24,anchor:'60%'},
{xtype:'textfield',id:'storeAddr',name: 'storeAddr',fieldLabel: '地址',maxLength:255,anchor:'60%'},
{xtype:'combo',id:'storeVest',name:'storeVest',store:tmStore.store,fieldLabel: '仓库归属',valueField: 'storeVest', displayField: 'displayText', emptyText: '请选择',
triggerAction: 'all',mode: 'local',allowBlank:false,editable: false,anchor:'60%'},
{xtype:'hstextfield',id:'f_orgCd',name: 'f_orgCd',fieldLabel: '所属组织单位',onTriggerClick:showOrgCdWinTree,allowBlank:false,editable: false,anchor:'60%'},
{xtype:'hstextfield',id:'f_exOrgCd',name: 'f_exOrgCd',fieldLabel: '所属行政单位',onTriggerClick:showExOrgCdTree,editable: false,anchor:'60%'},
{xtype:'hidden',id:'orgCd',name: 'orgCd',anchor:'60%'},//用来当中间转换
{xtype:'textarea',colspan:2,id:'remark',name: 'remark',fieldLabel: '备注信息',maxLength:255,anchor:'60%'},
{xtype:'hidden',id:'exOrgCd',name: 'exOrgCd',anchor:'60%'},//用来当中间转换
{xtype:'hidden',id:'storeId',name: 'storeId',anchor:'60%'}
]
});
}
function showOrgCdWinTree(){
if(!tmStore.orgCdWin){
tmStore.orgCdWin = new Ext.Window({
// title:'业务树',
layout:'fit',
width:350,
height:400,
closeAction: 'hide',
plain: true,
animate:true,
modal: true,
//业务树
items:getCmOrgTreePanel(function(node){
var quip=tmStore.nodeQuip=node.attributes.qtip;
var id=tmStore.nodeId=node.id;
tmStore.nodeText=node.text;
tmStore.orgCd=node.attributes.qtip;
}),
buttons:[{
text:'确定',
handler:function(){
if(tmStore.nodeQuip!=null){
Ext.getCmp('orgCd').setValue(tmStore.nodeQuip);
Ext.getCmp('f_orgCd').setValue(tmStore.nodeText);
tmStore.orgCdWin.hide();
}else{
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageWarning", '请选择你添加的仓库所在的组织单位');
}
}
},{
text:'取消',
handler:function(){
tmStore.nodeId=null;
tmStore.orgCdWin.hide();
}
}
]
})
}
tmStore.orgCdWin.show();
};
function showExOrgCdTree(){
if(!tmStore.exOrgCdWin){
tmStore.exOrgCdWin = new Ext.Window({
// title:'行政树',
layout:'fit',
width:350,
height:400,
closeAction: 'hide',
plain: true,
animate:true,
modal: true,
//行政树
items:cmExOrgTreePanel(loginExOrgUuid,orgPName,function(node){
var quip=tmStore.cmExOrgTreeNodeQuip=node.attributes.qtip;
var text=tmStore.cmExOrgTreeNodeText=node.text;
var id=node.id;
}),
buttons:[{
text:'确定',
handler:function(){
if(tmStore.cmExOrgTreeNodeQuip!=null){
Ext.getCmp('exOrgCd').setValue(tmStore.cmExOrgTreeNodeQuip);
Ext.getCmp('f_exOrgCd').setValue(tmStore.cmExOrgTreeNodeText);
tmStore.exOrgCdWin.hide();
}else{
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageWarning", '请选择你添加的仓库所在的行政单位');
}
}
},{
text:'取消',
handler:function(){
tmStore.exOrgCdWin.hide();
}
}
]
})
}
tmStore.exOrgCdWin.show();
};
tmStore.conditions = [];
tmStore.onSearch = function(){
if(!tmStore.listGridSearchWin){
tmStore.listGridSearchWin = new Ext.Window({
title: '<fmt:message key="search.info"/>',
width: 600,
animate:true,
modal:true,
closeAction:'hide',
autoHeight:true,
plain:true,
buttonAlign:'left',
items:[tmStore.searchForm],
buttons: ['->',{
text: '<fmt:message key="button.search"/>',
handler:function(){
tmStore.conditions.length = 0;
buildCondition(tmStore.searchForm,tmStore.conditions);
tmStore.listGrid.onSearch(tmStore.conditions);
tmStore.listGridSearchWin.hide();
}
},{
text: '<fmt:message key="button.reset"/>',
handler: function(){
tmStore.searchForm.reset();
}
},{
text: '<fmt:message key="button.cancel"/>',
handler: function(){
tmStore.listGridSearchWin.hide();
}
}]
});
}
tmStore.listGridSearchWin.show();
}
tmStore.initSearchForm=function() {
var sf =tmStore.searchForm= new Ext.form.HsFormPanel({
layout:'tableform',
labelAlign: 'top',
monitorResize:true,
layoutConfig : {
columns :2
},
items:[ {xtype:'textfield',fieldLabel: '仓库编码',id: 's_storeCd',name: 's_storeCd',condition:{col:'storeCd',operator:'like',type:'String'},anchor:'90%'},
{xtype:'textfield',fieldLabel: '仓库名称',id: 's_storeName',name: 's_storeName',condition:{col:'storeName',operator:'like',type:'String'},anchor:'90%'},
{xtype:'textfield',fieldLabel: 'storeVest',id: 's_storeVest',name: 's_storeVest',condition:{col:'storeVest',operator:'like',type:'String'},anchor:'90%'},
{xtype:'hstextfield',id:'s_orgCd',name: 's_orgCd',fieldLabel: '所属组织单位',onTriggerClick:showtmStoreTree,anchor:'90%'},
{xtype:'textfield',fieldLabel: 'exOrgCd',id: 's_exOrgCd',name: 's_exOrgCd',condition:{col:'exOrgCd',operator:'like',type:'String'},anchor:'90%'}
]
});
}
tmStore.start = function(){
tmStore.detailForm.getForm().reset();
Ext.getCmp('addBtn').setDisabled(false);
Ext.getCmp('detailForm').setDisabled(true);
Ext.getCmp('editBtn').setDisabled(true);
Ext.getCmp('saveBtn').setDisabled(true);
Ext.getCmp('delBtn').setDisabled(true);
Ext.getCmp('cancelBtn').setDisabled(true);
Ext.getCmp('f_orgCd').setDisabled(true);
};
tmStore.onNew = function(){
tmStore.addOrEditOrDel=1;// tmStore.addOrEditOrDel为1时代表执行添加事件
Ext.getCmp('saveBtn').setDisabled(false);
tmStore.detailForm.getForm().reset();
tmStore.detailForm.setDisabled(false);
};
tmStore.onSave = function(){
Ext.MessageBox.wait('<fmt:message key="button.save.waitmsg"/>');
if(!tmStore.detailForm.getForm().isValid()){
Ext.MessageBox.hide();
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageWarning", '<fmt:message key="form.validate.false"/>');
return '';
}
var tmStoreDetail = tmStore.detailForm.getForm().getValues();
dwr.engine.beginBatch();
tmStoreManager.saveTmStoreByDwr(tmStoreDetail,function(value){
Ext.MessageBox.hide();
tmStore.detailForm.getForm().setValues(value);
tmStore.reloadNavNode();//树的刷新
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageSuccess", '<fmt:message key="save.succeed"/>');
tmStore.start();
});
dwr.engine.endBatch({errorHandler:function(errorString, exception) {
Ext.MessageBox.hide();
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageError", '<fmt:message key="save.error"/>');
}
});
};
tmStore.onDelete = function(){
tmStore.addOrEditOrDel=3;// cmLeafPosition.addOrEdit为3时代表执行删除事件
var tmStoreId=tmStore.id;//点击时候节点的id
if(!tmStoreId.length>0){
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageWarning", '<fmt:message key="button.delete.confirm.msg3"/>');
return false;
}
Ext.MessageBox.confirm('', '你确定要删除'+tmStore.nodeText+'这条记录吗？',
function(btn, text) {
if (btn == 'yes'){
Ext.MessageBox.wait('<fmt:message key="button.save.waitmsg"/>');
dwr.engine.beginBatch();
tmStoreManager.removeTmStore(tmStoreId,function(){
Ext.MessageBox.hide();
tmStore.detailForm.getForm().reset();
tmStore.reloadNavNode();//树的刷新
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageSuccess", '<fmt:message key="delete.succeed"/>');
tmStore.start();
});
dwr.engine.endBatch({errorHandler:function(errorString, exception) {
Ext.MessageBox.hide();
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageError", '<fmt:message key="delete.error"/>');
}});
}
}
);
}
tmStore.loadForm = function (params,value,exOrgName){
tmStore.detailForm.getForm().doAction("dwrload", {
dwrFunction:tmStoreManager.getTmStore,
dwrArgs:params,
waitMsg : '<fmt:message key="loadData.waitmsg"/>',
success : function(){
Ext.getCmp('f_orgCd').setValue(value);
Ext.getCmp('f_exOrgCd').setValue(exOrgName);
},
failure : function(form, action) {
Ext.msgext.msg("", $('msgDiv').innerHTML, "messageError", '<fmt:message key="loadData.error"/>');
}
});
}
Ext.onReady(function(){
tmStore.doInit();
});
</script>
分享到：
发表评论
相关推荐
EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT...
asdext extext extext extext extext extext extext extext extext extext extext extext extext extext ext
ext资料 ext资料 ext资料 ext资料 ext资料
ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ex
前台EXT 后台.net 数据库SQL2005 基础的功能都有了 完成的模块在系统设置大类中 实现了以下功能： 布局，动态树，动态菜单，grid,新增，编辑，删除，openflashchart的报表控件 文件批量上传，excel的上传解析，下载...
ext3.0ext3.0ext3.0ext3.0ext3.0ext3.0
ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记...
Ext3.3.1Ext3.3.1Ext3.3.1Ext3.3.1Ext3.3.1Ext3.3.1
ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试
分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT
ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0
ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询...
Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-...
EXT4.2.1EXT4.2.1EXT4.2.1EXT4.2.1EXT4.2.1EXT4.2.1EXT4.2.1EXT4.2.1EXT4.2.1
最新的ext4.0，最新的ext4.0，最新的ext4.0。
ext中文教程 ext API ext中文教程 ext API
Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery
Ext插件安装Ext插件安装Ext插件安装Ext插件安装Ext插件安装Ext插件安装Ext插件安装Ext插件安装
ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料
ext3.4以及ext3.0API，ext学习与开发所用，