⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 common_004.js

📁 一个自娱自乐的demo 开发环境 apache-tomcat-6.0.16 Mysql 5.1.11 Jdk 1.6 文件结构如下 --MyGame -----MyGam
💻 JS
字号:
Ext.onReady(function(){
    /* 设置组织数结构区域 */
    setWorkDivStyle();
    /* 创建修改树结点对话框 */
    createModNodeWindow();
    /* 创建新建树结点对话框 */
    createNewNodeWindow();
    /* 修改节点按钮 */
    var modbutton = Ext.get('modButton');
    modbutton.on('click', showModNodeWindow);
    /* 添加节点按钮 */
    var newbutton = Ext.get('newButton');
    newbutton.on('click', showNewNodeWindow);
    
    parent.workDivInitFinish();
});

var strTitle = "组织结构管理";

/* 设置组织数结构区域 */
function setWorkDivStyle(){
    var workDiv = Ext.get("organizationWorkDiv");
    workDiv.setWidth(580);
    workDiv.setHeight(350);
    workDiv.setStyle("overflow", "auto");
    workDiv.setStyle("border", "1px solid");
    workDiv.setStyle("border-color", "#E6E6FA #A9A9A9 #A9A9A9 #E6E6FA");
}

/* 组织结点选中 */
function nodeClick(nodeID, nodeType, nodeTxt, startDate, endDate){
    document.forms['orgConfigForm'].elements['orgConfigForm:selectedNodeID'].value = nodeID;
    document.forms['orgConfigForm'].elements['orgConfigForm:selectedNodeType'].value = nodeType;
    document.forms['orgConfigForm'].elements['orgConfigForm:selectedNodeTxt'].value = nodeTxt;
    document.forms['orgConfigForm'].elements['orgConfigForm:startDate'].value = startDate;
    document.forms['orgConfigForm'].elements['orgConfigForm:endDate'].value = endDate;
    
    // 修改树节点窗口
    var oldModObjIDItem = Ext.getCmp('oldModObjIDItem');
    oldModObjIDItem.setValue(nodeID);
    
    var oldModObjNameItem = Ext.getCmp('oldModObjNameItem');
    oldModObjNameItem.setValue(nodeTxt);
    
    var newModObjNameItem = Ext.getCmp('newModObjNameItem');
    newModObjNameItem.setValue(nodeTxt);
    
    Ext.getCmp('mValidityStartDate').setValue(startDate);
    Ext.getCmp('mValidityEndDate').setValue(endDate);
    
    // 添加树节点窗口
    var parentObjIDItem = Ext.getCmp('parentObjIDItem');
    parentObjIDItem.setValue(nodeID);
    
    var parentObjNameItem = Ext.getCmp('parentObjNameItem');
    parentObjNameItem.setValue(nodeTxt);
    
    // 选中节点类型为职位是不能添加子节点
    if (nodeType == 'jobinfo') {
		var addNodeBtn_Win = Ext.getCmp('addNodeBtn_Win');
		addNodeBtn_Win.setDisabled(true);
	} else if (nodeType == 'department') {
		var addNodeBtn_Win = Ext.getCmp('addNodeBtn_Win');
		addNodeBtn_Win.setDisabled(false);
	}
}

/* 创建修改树结点对话框 */
function createModNodeWindow(){
    modWin = new Ext.Window({
        el: 'mod_win',
        layout: 'fit',
        height: 197,
        width: 360,
        closeAction: 'hide',
        plain: true,
        resizable: false,
        items: new Ext.form.FormPanel({
            baseCls: 'x-plain',
            labelWidth: 100,
            defaultType: 'textfield',
            
            items: [{
                id: 'oldModObjIDItem',
                fieldLabel: '原节点信息ID',
                anchor: '100%',
                readOnly: true
            }, {
                id: 'oldModObjNameItem',
                fieldLabel: '原节点信息名称',
                anchor: '100%',
                readOnly: true
            }, {
                id: 'newModObjNameItem',
                anchor: '100%',
                allowBlank: false,
                fieldLabel: '新节点信息名称'
            }, {
                id: 'mValidityStartDate',
                xtype: 'datefield',
                anchor: '100%',
                allowBlank: false,
                format: 'Y/m/d',
                maxValue: '9999/12/31',
                maxText: '超过最大期限',
                fieldLabel: '有效开始时间'
            }, {
                id: 'mValidityEndDate',
                xtype: 'datefield',
                anchor: '100%',
                allowBlank: false,
                format: 'Y/m/d',
                maxValue: '9999/12/31',
                maxText: '超过最大期限',
                fieldLabel: '有效结束时间'
            }]
        }),
        
        buttons: [{
            text: '修    改',
            handler: function(){
                btn = document.getElementById("orgConfigForm:modNodeInfoBtn");
                btn.click();
            }
        }, {
            text: '关    闭',
            handler: closeModNodeWindow
        }]
    })
}

/* 创建添加树结点对话框 */
function createNewNodeWindow(){
    typeMap = [['department', '部门信息'], ['jobinfo', '职位信息']];
    
    newWin = new Ext.Window({
        el: 'new_win',
        layout: 'fit',
        height: 223,
        width: 360,
        closeAction: 'hide',
        plain: true,
        resizable: false,
        items: new Ext.form.FormPanel({
            baseCls: 'x-plain',
            labelWidth: 100,
            defaultType: 'textfield',
            
            items: [{
                id: 'parentObjIDItem',
                fieldLabel: '父节点信息ID',
                anchor: '100%',
                readOnly: true
            }, {
                id: 'parentObjNameItem',
                fieldLabel: '父节点信息名称',
                anchor: '100%',
                readOnly: true
            }, new Ext.form.ComboBox({
                id: 'newNewObjTypeItem',
                fieldLabel: '新节点信息类型',
                store: new Ext.data.SimpleStore({
                    fields: ['typeKey', 'typeName'],
                    data: typeMap
                }),
                valueField: 'typeKey',
                displayField: 'typeName',
                mode: 'local',
                selectOnFocus: true,
                triggerAction: 'all',
                allowBlank: false,
                editable: false,
                lazyInit: false,
                anchor: '100%'
            }), {
                id: 'newNewObjNameItem',
                anchor: '100%',
                allowBlank: false,
                fieldLabel: '新节点信息名称'
            }, {
                id: 'nValidityStartDate',
                xtype: 'datefield',
                anchor: '100%',
                allowBlank: false,
                format: 'Y/m/d',
                maxValue: '9999/12/31',
                maxText: '超过最大期限',
                fieldLabel: '有效开始时间'
            }, {
                id: 'nValidityEndDate',
                xtype: 'datefield',
                anchor: '100%',
                allowBlank: false,
                format: 'Y/m/d',
                maxValue: '9999/12/31',
                maxText: '超过最大期限',
                fieldLabel: '有效结束时间'
            }]
        }),
        
        buttons: [{
            id: 'addNodeBtn_Win',
            text: '添    加',
            handler: function(){
                btn = document.getElementById("orgConfigForm:addNodeInfoBtn");
                btn.click();
            }
        }, {
            text: '关    闭',
            handler: closeNewNodeWindow
        }]
    });
}

/* 未选中节点时的错误消息 */
function noSelectNode(){
    var strMsg = getError_Need_Select1("要操作的对象节点");
    
    showInfoMessageBox_2(strTitle, strMsg);
}

/* 删除树结点 */
function delNode(){
    closeModNodeWindow();
    closeNewNodeWindow();
    
    var nodeID = document.forms['orgConfigForm'].elements["orgConfigForm:selectedNodeID"].value;
    var nodeType = document.forms['orgConfigForm'].elements["orgConfigForm:selectedNodeType"].value;
    var nodeTxt = document.forms['orgConfigForm'].elements['orgConfigForm:selectedNodeTxt'].value;
    
    if (nodeID != null && nodeID != '' && nodeType != null && nodeType != '') {
		strMsg = '确认删除[' + nodeTxt + ']吗?';
		showInfoMessageBox_3(strTitle, strMsg, function(btn) {
			if (btn == 'ok') {
				refresh();
				btn = document.getElementById("orgConfigForm:delNodeInfoBtn");
				btn.click();
			}
		});
	} else {
		// 未选中节点时的错误消息
		noSelectNode();
		return false;
	}
}

/* 修改树结点 */
function modNode(){
    var newModObjNameItem = Ext.getCmp('newModObjNameItem');
    if (newModObjNameItem.getValue() == null
			|| newModObjNameItem.getValue() == '') {
		return false;
	} else {
		var validityStartDate = Ext.getCmp('mValidityStartDate').getValue();
		var validityEndDate = Ext.getCmp('mValidityEndDate').getValue();

		if (!checkStartDateAndEndDate(validityStartDate, validityEndDate)) {
			return false;
		} else {
			document.forms['orgConfigForm'].elements['orgConfigForm:selectedNodeTxt'].value = newModObjNameItem
					.getValue();
			document.forms['orgConfigForm'].elements['orgConfigForm:startDate'].value = Ext
					.getCmp('mValidityStartDate').getValue().Format("yyyyMMdd");
			document.forms['orgConfigForm'].elements['orgConfigForm:endDate'].value = Ext
					.getCmp('mValidityEndDate').getValue().Format("yyyyMMdd");
			refresh();
			return true;
		}
	}
}

/* 显示修改树结点对话框 */
function showModNodeWindow(){
    var nodeID = document.forms['orgConfigForm'].elements["orgConfigForm:selectedNodeID"].value;
    var nodeType = document.forms['orgConfigForm'].elements["orgConfigForm:selectedNodeType"].value;
    var nodeTxt = document.forms['orgConfigForm'].elements['orgConfigForm:selectedNodeTxt'].value;
    
    if (nodeID != null && nodeID != '' && nodeType != null && nodeType != '') {
		closeNewNodeWindow();
		modWin.show(this);
	} else {
		// 未选中节点时的错误消息
		noSelectNode();
	}
}

/* 取消修改树结点 */
function closeModNodeWindow(){
    if (modWin != null && modWin.isVisible()) {
        modWin.hide();
    }
}

function checkStartDateAndEndDate(startDate, endDate){
    if (startDate > endDate) {
        strMsg = getERROR_Date_Compare("有效结束时间", "有效开始时间");
        
        showInfoMessageBox_2(strTitle, strMsg);
        return false;
    }
    return true;
}

/* 初始化有效开始时间和有效结束时间 */
function initStartDateAndEndDate(){
    var now = new Date().Format("yyyy/MM/dd"); // 获取系统日期
    var validityStartDate = Ext.getCmp('nValidityStartDate');
    validityStartDate.setValue(now);
    var validityEndDate = Ext.getCmp('nValidityEndDate');
    validityEndDate.setValue('9999/12/31');
}

/* 显示添加树结点对话框 */
function showNewNodeWindow(){
    var nodeID = document.forms['orgConfigForm'].elements["orgConfigForm:selectedNodeID"].value;
    var nodeType = document.forms['orgConfigForm'].elements["orgConfigForm:selectedNodeType"].value;
    var nodeTxt = document.forms['orgConfigForm'].elements['orgConfigForm:selectedNodeTxt'].value;
    
    if (nodeID != null && nodeID != '' && nodeType != null && nodeType != '') {
		// 用户输入的节点信息清空
		var newNewObjNameItem = Ext.getCmp('newNewObjNameItem');
		newNewObjNameItem.setValue("");
		var newNewObjTypeItem = Ext.getCmp('newNewObjTypeItem');
		newNewObjTypeItem.setValue('department');

		initStartDateAndEndDate();

		closeModNodeWindow();

		newWin.show(this);
	} else {
		// 未选中节点时的错误消息
		noSelectNode();
	}
}

/* 取消添加树结点 */
function closeNewNodeWindow(){
    if (newWin != null && newWin.isVisible()) {
        newWin.hide();
    }
}

/* 添加树结点 */
function addNode(){
    var newNewObjTypeItem = Ext.getCmp('newNewObjTypeItem');
    var newNewObjNameItem = Ext.getCmp('newNewObjNameItem');
    
    if (newNewObjTypeItem.getValue() == null
			|| newNewObjTypeItem.getValue() == ''
			|| newNewObjNameItem.getValue() == null
			|| newNewObjNameItem.getValue() == '') {
		return false;
	} else {
		var validityStartDate = Ext.getCmp('nValidityStartDate').getValue();
		var validityEndDate = Ext.getCmp('nValidityEndDate').getValue();
		if (!checkStartDateAndEndDate(validityStartDate, validityEndDate)) {
			return false;
		} else {
			document.forms['orgConfigForm'].elements['orgConfigForm:newNodeType'].value = newNewObjTypeItem
					.getValue();
			document.forms['orgConfigForm'].elements['orgConfigForm:newNodeTxt'].value = newNewObjNameItem
					.getValue();
			document.forms['orgConfigForm'].elements['orgConfigForm:startDate'].value = Ext
					.getCmp('nValidityStartDate').getValue().Format("yyyyMMdd");
			document.forms['orgConfigForm'].elements['orgConfigForm:endDate'].value = Ext
					.getCmp('nValidityEndDate').getValue().Format("yyyyMMdd");
			refresh();
			return true;
		}
	}
}

/* 界面初始化开始 */
function refresh(){
    closeModNodeWindow();
    closeNewNodeWindow();
    parent.workDivInit();
}

/* 界面初始化结束 */
function refreshEnd(){
    parent.workDivInitFinish();
}

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -