init
This commit is contained in:
Rinjae
@@ -0,0 +1,858 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"%>
|
||||
<%@ page import="java.io.*"%>
|
||||
<%@ page import="com.eactive.eai.rms.common.login.SessionManager"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ include file="/jsp/common/include/localemessage.jsp" %>
|
||||
<%
|
||||
response.setHeader("Pragma", "No-cache");
|
||||
response.setHeader("Cache-Control", "no-cache");
|
||||
response.setHeader("Expires", "0");
|
||||
%>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<jsp:include page="/jsp/common/include/css.jsp"/>
|
||||
<jsp:include page="/jsp/common/include/script.jsp"/>
|
||||
<script language="javascript" src="<c:url value="/js/jexcel.js"/>"></script>
|
||||
<script language="javascript" src="<c:url value="/js/jsuites.js"/>"></script>
|
||||
<script language="javascript" src="<c:url value="/js/jsuites.webcomponents.js"/>"></script>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="<c:url value="/css/jexcel.css"/>" ></link>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="<c:url value="/css/jsuites.css"/>" ></link>
|
||||
<style>
|
||||
.jexcel tbody {
|
||||
font-size: 13px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
|
||||
var url ='<c:url value="/common/acl/user/userRegistUtil.json" />';
|
||||
var url_view ='<c:url value="/common/acl/user/userRegistUtil.view" />';
|
||||
|
||||
var grid;
|
||||
var columns;
|
||||
var columnNames;
|
||||
var dataType;
|
||||
var toolbarHtml;
|
||||
|
||||
var customUpdateTable = function(instance, cell, col, row, val, label, cellName) {
|
||||
if(col == 0 && val != null && val != ''){
|
||||
//cell.style.backgroundColor = '#f46e42';
|
||||
cell.style.textAlign = 'left';
|
||||
var rowData = grid.getRowData(Number(row));
|
||||
if(rowData.length > 1){
|
||||
const itemLenIndex = columnNames.indexOf('LOUTITEMDEPTH');
|
||||
const depth = Number(rowData[itemLenIndex]);
|
||||
cell.style.textAlign = 'left';
|
||||
const padding = depth == 1 ? 5 : (depth*10);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//JEXCEL 관련 함수 시작
|
||||
function getCellValue(columnName, rowNum){
|
||||
const index = columnNames.indexOf(columnName);
|
||||
//var cell = grid.records[rowNum][index];
|
||||
//return cell.innerText;
|
||||
const cellId = String.fromCharCode(65+index) + rowNum;
|
||||
return grid.getValue(cellId)
|
||||
}
|
||||
function migCellValue(columnName, dataKey, dataArray, targetArray){
|
||||
const index = columnNames.indexOf(columnName);
|
||||
var value = dataArray[dataKey];
|
||||
if(columnName === 'LOUTITEMTYPE'){
|
||||
switch(value){
|
||||
case('GROUP'):
|
||||
if(dataArray['LOUTITEMOCCURPTRNDSTCD'] == '*'){
|
||||
value = 'Grid'; break;
|
||||
}
|
||||
value = 'Group'; break;
|
||||
default:
|
||||
value = 'Field'; break;
|
||||
}
|
||||
}
|
||||
if(columnName === 'LOUTITEMOCCCNT'){
|
||||
if(dataArray['LOUTITEMNODEPTRNIDDESC'] != 'GROUP'
|
||||
|| dataArray['LOUTITEMOCCURPTRNDSTCD'] != '*'
|
||||
|| dataArray['LOUTITEMREFINFO2'].trim().length > 0
|
||||
|| value === -1 ){
|
||||
value = '';
|
||||
}
|
||||
}
|
||||
if(columnName === 'LOUTITEMDEPTH'){
|
||||
value = value - 1;
|
||||
}
|
||||
if(columnName === 'LOUTITEMDATATYPE'){
|
||||
switch(value){
|
||||
case('Integer'):
|
||||
value = 'Int'; break;
|
||||
}
|
||||
}
|
||||
if(columnName === 'LOUTITEMMASK'){
|
||||
value = value == 'Y' ? 'true' : 'false';
|
||||
}
|
||||
|
||||
targetArray[index] = value;
|
||||
}
|
||||
|
||||
const beforePaste = function (instance, data){
|
||||
|
||||
const selectedCell = grid.selectedCell;
|
||||
const obj = grid;
|
||||
|
||||
|
||||
var ax = Number(selectedCell[0]),
|
||||
ay = Number(selectedCell[1]),
|
||||
bx = Number(selectedCell[2]),
|
||||
by = Number(selectedCell[3]);
|
||||
|
||||
// Paste filter
|
||||
var x = ax,
|
||||
y = ay,
|
||||
w = bx-x+1,
|
||||
h = by-y+1;
|
||||
|
||||
// change paste range if select is from right to left
|
||||
if (bx < ax){
|
||||
x = bx;
|
||||
w = ax-x+1;
|
||||
}
|
||||
// change paste range if select is from down to up
|
||||
if (by < ay){
|
||||
y = by;
|
||||
h = ay-y+1;
|
||||
}
|
||||
|
||||
// Controls
|
||||
var hash = obj.hash(data);
|
||||
var style = (hash == obj.hashString) ? obj.style : null;
|
||||
|
||||
// Depending on the behavior
|
||||
if (obj.options.copyCompatibility == true && hash == obj.hashString) {
|
||||
var data = obj.data;
|
||||
}
|
||||
|
||||
// Split new line
|
||||
var data = obj.parseCSV(data, "\t");
|
||||
|
||||
//modify data to allow wor extending paste range in multiples of input range
|
||||
if (w>1 & Number.isInteger(w/data[0].length )){
|
||||
style = null;
|
||||
repeats = w/data[0].length;
|
||||
|
||||
var arrayB = data.map(function(row,i){
|
||||
var arrayC = Array.apply(null, {length: repeats * row.length})
|
||||
.map(function(e,i){return row[i % row.length]});
|
||||
return arrayC
|
||||
});
|
||||
data = arrayB;
|
||||
|
||||
}
|
||||
if (h>1 & Number.isInteger(h/data.length )){
|
||||
style = null;
|
||||
var repeats = h/data.length;
|
||||
var arrayB = Array.apply(null, {length: repeats * data.length})
|
||||
.map(function(e,i){return data[i % data.length]});
|
||||
data = arrayB;
|
||||
}
|
||||
|
||||
if (x != null && y != null && data) {
|
||||
// Records
|
||||
var i = 0;
|
||||
var j = 0;
|
||||
var records = [];
|
||||
var newStyle = {};
|
||||
var oldStyle = {};
|
||||
var styleIndex = 0;
|
||||
|
||||
// Index
|
||||
var colIndex = parseInt(x);
|
||||
var rowIndex = parseInt(y);
|
||||
var row = null;
|
||||
|
||||
// Go through the columns to get the data
|
||||
while (row = data[j]) {
|
||||
i = 0;
|
||||
var colIndex = parseInt(x);
|
||||
|
||||
while (row[i] != null) {
|
||||
// Update and keep history
|
||||
var record = obj.updateCell(colIndex, rowIndex, row[i]);
|
||||
// Keep history
|
||||
records.push(record);
|
||||
// Style
|
||||
if (style) {
|
||||
var columnName = jexcel.getColumnNameFromId([colIndex, rowIndex]);
|
||||
newStyle[columnName] = style[styleIndex];
|
||||
oldStyle[columnName] = obj.getStyle(columnName);
|
||||
obj.records[rowIndex][colIndex].setAttribute('style', style[styleIndex]);
|
||||
styleIndex++
|
||||
}
|
||||
i++;
|
||||
if (row[i] != null) {
|
||||
if (colIndex >= obj.headers.length - 1) {
|
||||
obj.insertColumn();
|
||||
}
|
||||
colIndex = obj.right.get(colIndex, rowIndex);
|
||||
}
|
||||
}
|
||||
|
||||
j++;
|
||||
if (data[j]) {
|
||||
if (rowIndex >= obj.rows.length - 1) {
|
||||
obj.insertRow();
|
||||
}
|
||||
var rowIndex = obj.down.get(x, rowIndex);
|
||||
}
|
||||
}
|
||||
|
||||
// Select the new cells
|
||||
obj.updateSelectionFromCoords(x, y, colIndex, rowIndex);
|
||||
|
||||
// Update history
|
||||
obj.setHistory({
|
||||
action: 'setValue',
|
||||
records: records,
|
||||
selection: obj.selectedCell,
|
||||
newStyle: newStyle,
|
||||
oldStyle: oldStyle,
|
||||
});
|
||||
|
||||
// Update table
|
||||
obj.updateTable();
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
function moveSelectionRow(up){
|
||||
const selectedCell = grid.selectedCell;
|
||||
|
||||
const correction = up ? -1 : 1 ;
|
||||
const selectionCorrection = up ? 0 : 2 ;
|
||||
|
||||
if(selectedCell != null) {
|
||||
const x1 = Number(selectedCell[0]) ;
|
||||
const y1 = Number(selectedCell[1]) ;
|
||||
const x2 = Number(selectedCell[2]);
|
||||
const y2 = Number(selectedCell[3]);
|
||||
if(up){
|
||||
if(y1 === 0)
|
||||
return;
|
||||
grid.moveRow(y1 + correction, y2);
|
||||
}else{
|
||||
const rowSize = grid.getData().length;
|
||||
if(y2 + 1 === rowSize)
|
||||
return;
|
||||
grid.moveRow(y2 + correction, y1);
|
||||
}
|
||||
|
||||
const CODE_A = 65;
|
||||
const x1Code = String.fromCharCode(CODE_A+x1);
|
||||
const x2Code = String.fromCharCode(CODE_A+x2);
|
||||
const startCellCode = x1Code + (y1+selectionCorrection);
|
||||
const endCellCode = x2Code + (y2+selectionCorrection);
|
||||
|
||||
grid.updateSelection(grid.getCell(startCellCode), grid.getCell(endCellCode));
|
||||
//
|
||||
// const cells = [];
|
||||
// for (let i = 0; i < gap; i++) {
|
||||
// const cellNum = 'C'+(top+i+1);
|
||||
// let value = Number(grid.getValue(cellNum));
|
||||
// value = increse ? value + 1 : (value === 1 ? 1 : value - 1);
|
||||
// values[i] = String(value);
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
function updateSelectedDepth(increse){
|
||||
const selectedCell = grid.selectedCell;
|
||||
const depthColumn = 2;
|
||||
|
||||
if(selectedCell != null) {
|
||||
const y1 = Number(selectedCell[1]);
|
||||
const y2 = Number(selectedCell[3]);
|
||||
const top = y1 < y2 ? y1 : y2;
|
||||
const gap = (y1 < y2 ? y2 - y1 : y1 - y2) + 1;
|
||||
|
||||
const values = [];
|
||||
for (let i = 0; i < gap; i++) {
|
||||
const cellNum = 'C'+(top+i+1);
|
||||
let value = Number(grid.getValue(cellNum));
|
||||
value = increse ? value + 1 : (value === 1 ? 1 : value - 1);
|
||||
values[i] = String(value);
|
||||
}
|
||||
updateValues(top, depthColumn, values);
|
||||
}
|
||||
}
|
||||
|
||||
function updateSelectedColumn(colIndex, value){
|
||||
const selectedCell = grid.selectedCell;
|
||||
if(selectedCell != null) {
|
||||
const y1 = Number(selectedCell[1]);
|
||||
const y2 = Number(selectedCell[3]);
|
||||
const top = y1 < y2 ? y1 : y2;
|
||||
const gap = (y1 < y2 ? y2 - y1 : y1 - y2) + 1;
|
||||
|
||||
const values = [];
|
||||
for (let i = 0; i < gap; i++) {
|
||||
values[i] = value;
|
||||
}
|
||||
updateValues(top, colIndex, values);
|
||||
}
|
||||
}
|
||||
|
||||
function updateValues(x, y, values){
|
||||
var records = [];
|
||||
for (let i = 0; i < values.length; i++) {
|
||||
const rowIndex = x + i;
|
||||
// Update and keep history
|
||||
var record = grid.updateCell(y, rowIndex, values[i]);
|
||||
// Keep history
|
||||
records.push(record);
|
||||
}
|
||||
|
||||
// Update history
|
||||
grid.setHistory({
|
||||
action: 'setValue',
|
||||
records: records,
|
||||
selection: grid.selectedCell,
|
||||
});
|
||||
|
||||
// Update table
|
||||
grid.updateTable();
|
||||
}
|
||||
|
||||
function itemDel(){
|
||||
const selectionRows = grid.getSelectedRows();
|
||||
if(selectionRows){
|
||||
const idx = selectionRows[0].rowIndex - 1;
|
||||
const len = selectionRows.length;
|
||||
grid.deleteRow(idx, len);
|
||||
}
|
||||
}
|
||||
|
||||
function onTabKey(event){
|
||||
const selectedCell = grid.selectedCell;
|
||||
const x = Number(selectedCell[0]) + 1;
|
||||
const y = Number(selectedCell[1]) + 1;
|
||||
const rowSize = grid.getData().length;
|
||||
const colSize = columnNames.length;
|
||||
|
||||
if(x === colSize){
|
||||
if(y === rowSize){
|
||||
grid.insertRow();
|
||||
}
|
||||
const cellNum = 'A'+(y+1);
|
||||
grid.updateSelection(grid.getCell(cellNum));
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
}
|
||||
//console.log(x+','+y+','+rowSize+','+colSize);
|
||||
}
|
||||
|
||||
function onEnterKey(event) {
|
||||
const selectedCell = grid.selectedCell;
|
||||
const y = Number(selectedCell[1]) + 1;
|
||||
const rowSize = grid.getData().length;
|
||||
if(y === rowSize){
|
||||
grid.insertRow();
|
||||
}
|
||||
}
|
||||
|
||||
function initializeEditGrid(layoutData){
|
||||
const itemTypes = ['Field', 'Grid', 'Group'];
|
||||
const dataTypes = ['BigDecimal','Int','Long','String'];
|
||||
columns = [ // for columnData prop
|
||||
{
|
||||
title: '사용자ID',
|
||||
name: 'LOUTITEMNAME',
|
||||
type: 'text',
|
||||
width: 400
|
||||
},
|
||||
{
|
||||
title: '도메인',
|
||||
name: 'LOUTITEMID',
|
||||
type: 'text',
|
||||
width: 400
|
||||
},
|
||||
{
|
||||
title: '이름',
|
||||
name: 'LOUTITEMDEPTH',
|
||||
type: 'text',
|
||||
width: 400
|
||||
},
|
||||
{
|
||||
title: '담당 어플리케이션 코드',
|
||||
name: 'LOUTITEMTYPE',
|
||||
type: 'text',
|
||||
width: 400
|
||||
}
|
||||
];
|
||||
columnNames = [];
|
||||
|
||||
for (let i = 0; i < columns.length; i++) {
|
||||
columnNames[i] = columns[i].name;
|
||||
}
|
||||
|
||||
grid = jexcel(document.getElementById('editGrid'), {
|
||||
data: [[]],
|
||||
columns: columns,
|
||||
rowResize: false,
|
||||
rowDrag: true,
|
||||
columnResize: false,
|
||||
columnDrag: false,
|
||||
columnSorting: false,
|
||||
autoIncrement: false,
|
||||
allowInsertColumn: false,
|
||||
allowInsertOnTab: true,
|
||||
tableOverflow:true,
|
||||
allowManualInsertRow: false,
|
||||
tableHeight: 2500,
|
||||
onbeforepaste: beforePaste,
|
||||
allowDeletingAllRows:true,
|
||||
contextMenu: function(obj, x, y, e) {
|
||||
var items = [];
|
||||
|
||||
if (y == null) {
|
||||
// Insert a new column
|
||||
if (obj.options.allowInsertColumn == true) {
|
||||
items.push({
|
||||
title:obj.options.text.insertANewColumnBefore,
|
||||
onclick:function() {
|
||||
obj.insertColumn(1, parseInt(x), 1);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (obj.options.allowInsertColumn == true) {
|
||||
items.push({
|
||||
title:obj.options.text.insertANewColumnAfter,
|
||||
onclick:function() {
|
||||
obj.insertColumn(1, parseInt(x), 0);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Delete a column
|
||||
if (obj.options.allowDeleteColumn == true) {
|
||||
items.push({
|
||||
title:obj.options.text.deleteSelectedColumns,
|
||||
onclick:function() {
|
||||
obj.deleteColumn(obj.getSelectedColumns().length ? undefined : parseInt(x));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Rename column
|
||||
if (obj.options.allowRenameColumn == true) {
|
||||
items.push({
|
||||
title:obj.options.text.renameThisColumn,
|
||||
onclick:function() {
|
||||
obj.setHeader(x);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Sorting
|
||||
if (obj.options.columnSorting == true) {
|
||||
// Line
|
||||
items.push({ type:'line' });
|
||||
|
||||
items.push({
|
||||
title:obj.options.text.orderAscending,
|
||||
onclick:function() {
|
||||
obj.orderBy(x, 0);
|
||||
}
|
||||
});
|
||||
items.push({
|
||||
title:obj.options.text.orderDescending,
|
||||
onclick:function() {
|
||||
obj.orderBy(x, 1);
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
// Insert new row
|
||||
if (obj.options.allowInsertRow == true) {
|
||||
items.push({
|
||||
title: '행 삽입',
|
||||
onclick:function() {
|
||||
const selectedCell = obj.selectedCell;
|
||||
if(selectedCell == null){
|
||||
obj.insertRow(1, parseInt(y), 1);
|
||||
}else{
|
||||
const y1 = Number(selectedCell[1]);
|
||||
const y2 = Number(selectedCell[3]);
|
||||
const top = y1 < y2 ? y1 : y2;
|
||||
const gap = (y1 < y2 ? y2 - y1 : y1 - y2) + 1;
|
||||
obj.insertRow(gap, top, 1);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
items.push({
|
||||
title: '행 추가',
|
||||
onclick:function() {
|
||||
const selectedCell = obj.selectedCell;
|
||||
if(selectedCell == null){
|
||||
obj.insertRow(1, parseInt(y), 1);
|
||||
}else{
|
||||
const y1 = Number(selectedCell[1]);
|
||||
const y2 = Number(selectedCell[3]);
|
||||
const bottom = y1 > y2 ? y1 : y2;
|
||||
const gap = (y1 < y2 ? y2 - y1 : y1 - y2) + 1;
|
||||
obj.insertRow(gap, bottom);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (obj.options.allowDeleteRow == true) {
|
||||
items.push({
|
||||
title:'행 삭제',
|
||||
onclick:function() {
|
||||
obj.deleteRow(obj.getSelectedRows().length ? undefined : parseInt(y));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Line
|
||||
items.push({ type:'line' });
|
||||
|
||||
// Copy
|
||||
items.push({
|
||||
title: obj.options.text.copy,
|
||||
shortcut: 'Ctrl + C',
|
||||
onclick: function () {
|
||||
obj.copy();
|
||||
}
|
||||
});
|
||||
// Paste
|
||||
items.push({
|
||||
title: obj.options.text.paste,
|
||||
shortcut: 'Ctrl + V',
|
||||
onclick: function () {
|
||||
obj.paste();
|
||||
}
|
||||
});
|
||||
// Line
|
||||
items.push({ type:'line' });
|
||||
|
||||
items.push({
|
||||
title: '항목유형',
|
||||
submenu: [
|
||||
{
|
||||
title: 'Field',
|
||||
onclick: function() {
|
||||
updateSelectedColumn(3, 'Field');
|
||||
}
|
||||
},
|
||||
{
|
||||
title: 'Group',
|
||||
onclick: function() {
|
||||
updateSelectedColumn(3, 'Group');
|
||||
}
|
||||
},
|
||||
{
|
||||
title: 'Column',
|
||||
onclick: function() {
|
||||
updateSelectedColumn(3, 'Column');
|
||||
}
|
||||
},
|
||||
{
|
||||
title: 'Grid',
|
||||
onclick: function() {
|
||||
updateSelectedColumn(3, 'Grid');
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
items.push({
|
||||
title: '깊이',
|
||||
submenu: [
|
||||
{
|
||||
title: '깊이증가',
|
||||
shortcut: 'Alt + →',
|
||||
onclick: function() {
|
||||
updateSelectedDepth(true);
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '깊이감소',
|
||||
shortcut: 'Alt + ←',
|
||||
onclick: function() {
|
||||
updateSelectedDepth(false);
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
items.push({
|
||||
title: '행 이동',
|
||||
submenu: [
|
||||
{
|
||||
title: '위로이동',
|
||||
shortcut: 'Alt + ↑',
|
||||
onclick: function() {
|
||||
moveSelectionRow(true);
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '아래로이동',
|
||||
shortcut: 'Alt + ↓',
|
||||
onclick: function() {
|
||||
moveSelectionRow(false);
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
|
||||
return items;
|
||||
}
|
||||
});
|
||||
|
||||
$('#editGrid').on("keydown", function(e){
|
||||
if(e.altKey){
|
||||
if(e.keyCode == 39){
|
||||
updateSelectedDepth(true);
|
||||
return false;
|
||||
}
|
||||
if(e.keyCode == 37){
|
||||
updateSelectedDepth(false);
|
||||
return false;
|
||||
}
|
||||
if(e.keyCode == 38){
|
||||
moveSelectionRow(true);
|
||||
return false;
|
||||
}
|
||||
if(e.keyCode == 40){
|
||||
moveSelectionRow(false);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
if(!e.shiftKey && e.keyCode == 9){
|
||||
onTabKey(e);
|
||||
}
|
||||
if(!e.shiftKey && e.keyCode == 13) {
|
||||
onEnterKey(e);
|
||||
}
|
||||
});
|
||||
|
||||
resizeGrid();
|
||||
initDialog();
|
||||
}
|
||||
|
||||
function closeAddRowDialog(){
|
||||
$( '#add_row_dialog' ).dialog("close");
|
||||
}
|
||||
|
||||
function addNewRow(){
|
||||
var cnt = $("input[name=add_row_count]").val();
|
||||
if(cnt == "" || cnt == undefined) return;
|
||||
const ncnt = Number(cnt);
|
||||
|
||||
if (grid.getJson().length == 0){
|
||||
const ncnt = Number(cnt) -1;
|
||||
grid.setData([{}]);
|
||||
if (ncnt !=0){
|
||||
grid.insertRow(ncnt);
|
||||
}
|
||||
}else{
|
||||
const ncnt = Number(cnt);
|
||||
grid.insertRow(ncnt);
|
||||
}
|
||||
|
||||
$( '#add_row_dialog' ).dialog("close");
|
||||
closeAddRowDialog();
|
||||
}
|
||||
|
||||
function initDialog(){
|
||||
$( '#add_row_dialog' ).dialog({
|
||||
resizable: false,
|
||||
autoOpen: false,
|
||||
height: "auto",
|
||||
width: 400,
|
||||
modal: true,
|
||||
buttons: {
|
||||
"Add": function() {
|
||||
addNewRow();
|
||||
},
|
||||
Cancel: function() {
|
||||
closeAddRowDialog();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("input[name=add_row_count]").keydown(function(key){
|
||||
if (key.keyCode == 13){
|
||||
addNewRow();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function itemAdd(){
|
||||
grid.resetSelection();
|
||||
$("input[name=add_row_count]").val("");
|
||||
$( '#add_row_dialog' ).dialog("open");
|
||||
}
|
||||
|
||||
var resizing = false;
|
||||
|
||||
function resizeGrid(){
|
||||
var screenWidth = $(window).width() - 113;
|
||||
var columnWidth = 0;
|
||||
columns.forEach( function (element){
|
||||
columnWidth += element.width;
|
||||
} );
|
||||
var gap = screenWidth - columnWidth;
|
||||
var halfGap = gap / 2;
|
||||
grid.setWidth(0, Number(columns[0].width) + halfGap);
|
||||
grid.setWidth(1, Number(columns[1].width) + halfGap);
|
||||
resizing = false;
|
||||
}
|
||||
|
||||
$( window ).resize( function() {
|
||||
if(!resizing){
|
||||
resizing = true;
|
||||
setTimeout(resizeGrid, 10);
|
||||
}
|
||||
})
|
||||
//JEXCEL 관련 함수 종료
|
||||
|
||||
function init() {
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url:url,
|
||||
dataType:"json",
|
||||
data:{cmd: 'DATASOURCE'},
|
||||
success:function(json){
|
||||
let dataSource = json.dataSourceList;
|
||||
let appendHtml = "";
|
||||
|
||||
dataSource.forEach(function(i,v) {
|
||||
if( i.DATASOURCE != "FGW" ) {
|
||||
let strSource = i.DATASOURCE;
|
||||
|
||||
appendHtml = " <input id='check" + strSource + "' class='datasource' name='" + strSource + "' type='checkbox' checked='checked' value='" + strSource + "'/>"
|
||||
appendHtml += " <label htmlFor='check" + strSource + "'>" + strSource + "</label>"
|
||||
|
||||
$("#checkAll").parent().append(appendHtml);
|
||||
appendHtml = "";
|
||||
}
|
||||
});
|
||||
},
|
||||
error: function (e) {
|
||||
alert(e.responseText);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
initializeEditGrid();
|
||||
|
||||
$('body').css("overflow-x", "hidden");
|
||||
|
||||
$("#btn_regist").click(function () {
|
||||
var postData = getSearchForJqgrid("cmd", "INSERT"); //jqgrid에서는 object로
|
||||
var data = grid.getData();
|
||||
|
||||
/* datasourceList */
|
||||
var datasourceList = new Array();
|
||||
$(".datasource:checked").each(function (index, item) {
|
||||
datasourceList.push(item.value);
|
||||
});
|
||||
/* datasourceListEnd */
|
||||
|
||||
/* userList */
|
||||
var userList = new Array();
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
var item = data[i];
|
||||
let user = {};
|
||||
for (var j = 0; j < item.length; j++) {
|
||||
if (j == 0) {
|
||||
user['userId'] = item[j];
|
||||
} else if (j == 1) {
|
||||
user['teamName'] = item[j];
|
||||
} else if (j == 2) {
|
||||
user['userName'] = item[j];
|
||||
} else if (j == 3) {
|
||||
user['bzwkCdList'] = item[j];
|
||||
} else {
|
||||
alert(' ');
|
||||
}
|
||||
}
|
||||
userList.push(user);
|
||||
}
|
||||
/* userListEnd */
|
||||
|
||||
postData['userList'] = JSON.stringify(userList);
|
||||
postData['datasourceList'] = JSON.stringify(datasourceList);
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
data: postData,
|
||||
dataType: "json",
|
||||
type: "POST",
|
||||
success: function (result) {
|
||||
document.getElementById('resultText').innerHTML = "";
|
||||
var responseMessageList = result.responseMessageList;
|
||||
for (var i = 0; i < responseMessageList.length; i++) {
|
||||
var pElement = document.createElement('p');
|
||||
pElement.innerHTML = responseMessageList[i]['message'];
|
||||
$("#resultText").append(pElement);
|
||||
}
|
||||
alert("일괄등록 작업이 완료되었습니다.");
|
||||
},
|
||||
error: function (e) {
|
||||
alert(e.repsonseText);
|
||||
}
|
||||
})// ajax end
|
||||
});
|
||||
|
||||
$("#checkAll").click(function () {
|
||||
$('input:checkbox').not(this).prop('checked', this.checked);
|
||||
});
|
||||
|
||||
init();
|
||||
});
|
||||
</script>
|
||||
<body>
|
||||
<div class="right_box">
|
||||
<div class="content_top">
|
||||
<ul class="path">
|
||||
<li><a href="#">${rmsMenuPath}</a></li>
|
||||
</ul>
|
||||
</div><!-- end content_top -->
|
||||
<div id="content_middle" class="content_middle">
|
||||
<div class="search_wrap">
|
||||
<img src="<c:url value="/img/btn_regist.png"/>" alt="" id="btn_regist" level="W" status="DETAIL" />
|
||||
</div>
|
||||
<div class="title">사용자 일괄 등록</div>
|
||||
<table class="search_condition" cellspacing=0;>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>적용 Datasource</th>
|
||||
<td>
|
||||
<input id="checkAll" type="checkbox" checked="checked" > <label>전체</label> |
|
||||
<%-- <input id="checkMCI" class="datasource" name="MCI" type="checkbox" checked="checked" value="MCI"> <label for="checkMCI">MCI대면</label>--%>
|
||||
<%-- <input id="checkEAI" class="datasource" name="EAI" type="checkbox" checked="checked" value="EAI"> <label for="checkEAI">EAI</label>--%>
|
||||
<%-- <input id="checkBAT" class="datasource" name="BAT" type="checkbox" checked="checked" value="BAT"> <label for="checkBAT">배치</label> |--%>
|
||||
<%-- <input id="checkFEP" class="datasource" name="FEP" type="checkbox" checked="checked" value="FEP"> <label for="checkFEP">FEP</label>--%>
|
||||
<%-- <input id="checkBAP" class="datasource" name="BAP" type="checkbox" checked="checked" value="BAP"> <label for="checkBAP">일괄</label>--%>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="editGrid"></div>
|
||||
<table class="search_condition" cellspacing=0; style="margin-top: 30px">
|
||||
<tr>
|
||||
<th width="100px">등록 완료 메세지</th>
|
||||
<td id="resultText">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- end content_middle -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user