Rinjae
778 lines
23 KiB
Plaintext
778 lines
23 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=utf-8"%>
|
|
<%@ page import="java.io.*"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
|
|
<%@ 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"/>
|
|
|
|
<style>
|
|
.img_pointer{
|
|
cursor:pointer;
|
|
}
|
|
</style>
|
|
|
|
<script language="javascript" >
|
|
|
|
var url ='<c:url value="/onl/admin/common/codeMan.json" />';
|
|
var url_view ='<c:url value="/onl/admin/common/codeMan.view" />';
|
|
var modify_rowID = 1;
|
|
var scrollPosition = 0;
|
|
|
|
function treeGrid_reload(codeGroup)
|
|
{
|
|
var postData = {cmd : "LIST_TREE", page : "1", searchCodeGroup : codeGroup};
|
|
$("#tree").setGridParam({ postData: postData}).trigger("reloadGrid");
|
|
|
|
}
|
|
|
|
// Start 초기화(jquery ready)
|
|
$(document).ready(function(){
|
|
$("input[name=searchName]").focus();
|
|
|
|
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
|
|
|
|
$('#grid').jqGrid({
|
|
datatype:"json",
|
|
mtype: 'POST',
|
|
url: url,
|
|
postData : gridPostData,
|
|
colNames:[
|
|
'<%= localeMessage.getString("code.codeGroup") %>'
|
|
, '<%= localeMessage.getString("code.codeGroupDesc") %>'
|
|
, 'CHILDCNT'
|
|
],
|
|
colModel:[
|
|
{ name : 'CDGROUP' , align:'left', width:'30%', sortable:false}
|
|
, { name : 'CDGROUPDESC' , align:'left', width:'70%'}
|
|
, { name : 'CHILDCNT' , hidden:true}
|
|
],
|
|
jsonReader: {
|
|
repeatitems:false
|
|
},
|
|
rowNum : 1000,
|
|
height: "450",
|
|
autowidth: true,
|
|
viewrecords: true,
|
|
gridComplete:function (d){
|
|
var colModel = $(this).getGridParam("colModel");
|
|
for(var i = 0 ; i< colModel.length; i++){
|
|
$(this).setColProp(colModel[i].name, {sortable : false}); //그리드 헤더 화살표 삭제(정렬X)
|
|
}
|
|
|
|
},
|
|
loadComplete:function (d){ // JqGrid 조회 후 한번만 실행. (화면 초기 셋팅 사용.)
|
|
var rowCnt = $("#grid").getGridParam("reccount");
|
|
|
|
if(rowCnt > 0)
|
|
{
|
|
$("#grid").jqGrid("setSelection",modify_rowID, true);
|
|
$(".ui-jqgrid-bdiv").scrollTop(scrollPosition);
|
|
|
|
// 초기화
|
|
modify_rowID = 1;
|
|
scrollPosition = 0;
|
|
|
|
var treeRowCnt = $("#tree").getGridParam("reccount");
|
|
var rowId = $("#grid").getGridParam("selrow");
|
|
|
|
// Tree Grid 실행.
|
|
searchTree(rowId);
|
|
|
|
// 조회된 데이터를 Form에 셋팅하는 함수.
|
|
setFormGrid("grid", rowId);
|
|
|
|
/* Start [수정], [삭제] 완료 후 재조회 했을 때 Tree Grid List를 새로 고침 합니다. */
|
|
if(treeRowCnt == 0)
|
|
{
|
|
var row = $("#grid").getRowData(rowId);
|
|
var cdGroup = row["CDGROUP"];
|
|
treeGrid_reload(row["CDGROUP"]);
|
|
}
|
|
/* End [수정], [삭제] 완료 후 재조회 했을 때 Tree Grid List를 새로 고침 합니다. */
|
|
}
|
|
else
|
|
{
|
|
treeGrid_reload("");
|
|
}
|
|
},
|
|
loadError: function (jqXHR, textStatus, errorThrown) {
|
|
|
|
var location ='<%=request.getContextPath()%>/';
|
|
comloadError(jqXHR, textStatus, errorThrown ,location);
|
|
|
|
},
|
|
onCellSelect: function(rowId, index, contents, event){
|
|
var cdGroup = $("#grid").jqGrid("getCell", rowId, "CDGROUP");
|
|
treeGrid_reload(cdGroup);
|
|
|
|
// 폼에 데이터 설정.
|
|
setFormGrid("grid", rowId);
|
|
}
|
|
});
|
|
|
|
/* Start 버튼 이벤트 */
|
|
//------ Start Grid Button ------
|
|
// 신규버튼 클릭 이벤트
|
|
$("#btn_newGrid").click(function(){
|
|
|
|
var rowId = $("#grid").getGridParam("selrow");
|
|
|
|
if (isNull(rowId)){
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
return ;
|
|
}
|
|
|
|
var row = $("#grid").getRowData(rowId);
|
|
var cdGroup = row["CDGROUP"];
|
|
var cdGroupDesc = row["CDGROUPDESC"];
|
|
|
|
var args = new Object();
|
|
args["cdGroup"] = cdGroup;
|
|
args["cdGroupDesc"] = cdGroupDesc;
|
|
|
|
var url2 = url_view;
|
|
url2 += "?cmd=GROUP POPUP";
|
|
var ret = showModal(url2,args,540,400, function(arg){
|
|
var args = null;
|
|
if(arg == null || arg == undefined ) {//chrome
|
|
args = this.dialogArguments;
|
|
args.returnValue = this.returnValue;
|
|
} else {//ie
|
|
args = arg;
|
|
}
|
|
|
|
if( !args || !args.returnValue ) {return;}
|
|
else {
|
|
if(args.returnValue != "" ) $("#btn_search").click();
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
// 수정버튼 클릭 이벤트
|
|
$("#btn_modifyGrid").click(function(){
|
|
|
|
var rowId = $('#grid').getGridParam( "selrow" );
|
|
|
|
if (isNull(rowId)){
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
return ;
|
|
}
|
|
if(!isValidGrid()){
|
|
return;
|
|
}
|
|
|
|
var r = confirm("<%= localeMessage.getString("common.checkSave") %>");
|
|
if (r == false){
|
|
return;
|
|
}
|
|
|
|
var postData = $('#ajaxFormGrid').serializeArray();
|
|
postData.push({ name: "cmd" , value:"UPDATE_GROUP"});
|
|
$.ajax({
|
|
type : "POST",
|
|
url:url,
|
|
data:postData,
|
|
success:function(args){
|
|
alert("<%= localeMessage.getString("common.saveMsg") %>");
|
|
|
|
// 수정된 row 위치 저장.
|
|
modify_rowID = rowId;
|
|
scrollPosition = $(".ui-jqgrid-bdiv").scrollTop();
|
|
|
|
$('#grid').jqGrid('clearGridData');
|
|
$("#btn_search").click();//재조회
|
|
},
|
|
error:function(e){
|
|
alert(e.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// 삭제버튼 클릭 이벤트
|
|
$("#btn_deleteGrid").click(function(){
|
|
var rowId = $('#grid').getGridParam( "selrow" );
|
|
|
|
if (isNull(rowId)){
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
return ;
|
|
}
|
|
|
|
var row = $('#grid').getRowData( rowId );
|
|
var childCnt = row.CHILDCNT;
|
|
|
|
if(childCnt == 0)
|
|
{
|
|
var r = confirm("<%= localeMessage.getString("common.checkDelete") %>");
|
|
if (r == false){
|
|
return;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
var r = confirm("<%= localeMessage.getString("code.checkMsg1") %>");
|
|
if (r == false){
|
|
return;
|
|
}
|
|
}
|
|
|
|
var postData = new Array();
|
|
postData.push({ name: "cmd" , value:"DELETE_GROUP"});
|
|
postData.push({ name: "cdGroup" , value:$("input[name=cdGroup]").val()});
|
|
postData.push({ name: "childCnt" , value:childCnt});
|
|
|
|
postData.push();
|
|
$.ajax({
|
|
type : "POST",
|
|
url:url,
|
|
data:postData,
|
|
success:function(args){
|
|
alert("<%= localeMessage.getString("common.deleteMsg") %>");
|
|
$('#tree').jqGrid('clearGridData');
|
|
$("#btn_search").click();//재조회
|
|
},
|
|
error:function(e){
|
|
alert(e.responseText);
|
|
}
|
|
});
|
|
});
|
|
//------ End Grid Button ------
|
|
|
|
//------ Start Tree Grid Button ------
|
|
// 신규버튼 클릭 이벤트
|
|
$("#btn_newTree").click(function(){
|
|
|
|
var rowIdGrid = $("#grid").getGridParam("selrow");
|
|
var rowIdTree = $("#tree").getGridParam("selrow");
|
|
|
|
if (isNull(rowIdGrid)){
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
return ;
|
|
}
|
|
|
|
if (isNull(rowIdTree)){
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
return ;
|
|
}
|
|
|
|
var rowGrid = $("#grid").getRowData(rowIdGrid);
|
|
var rowTree = $("#tree").getRowData(rowIdTree);
|
|
|
|
var level = rowTree["level"];
|
|
var codeGroup = rowGrid["CDGROUP"];
|
|
var code = rowTree["CODE"];
|
|
var parentCode = rowTree["PARENTCODE"];
|
|
var seq = rowTree["SEQ"];
|
|
|
|
var args = new Object();
|
|
args["level"] = level;
|
|
args["codeGroup"] = codeGroup;
|
|
args["code"] = code;
|
|
// args["parentCode"] = parentCode;
|
|
// 2 depth 이상 들어가지 않는다. (계층구조 아님 )
|
|
args["parentCode"] = "";
|
|
args["seq"] = seq;
|
|
|
|
var url2 = url_view;
|
|
url2 += "?cmd=POPUP";
|
|
var ret = showModal(url2,args,540,400, function(arg){
|
|
var args = null;
|
|
if(arg == null || arg == undefined ) {//chrome
|
|
args = this.dialogArguments;
|
|
args.returnValue = this.returnValue;
|
|
} else {//ie
|
|
args = arg;
|
|
}
|
|
|
|
if( !args || !args.returnValue ) {return;}
|
|
else {
|
|
|
|
var ret = args.returnValue;
|
|
if(ret == "true")
|
|
{
|
|
$('#tree').jqGrid('clearGridData');
|
|
var cdGroup = rowGrid["CDGROUP"];
|
|
|
|
treeGrid_reload(cdGroup);
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
// 수정버튼 클릭 이벤트
|
|
$("#btn_modifyTree").click(function(){
|
|
|
|
var rowId = $('#tree').getGridParam( "selrow" );
|
|
var row = $('#tree').getRowData( rowId );
|
|
|
|
if (isNull(rowId)){
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
return ;
|
|
}
|
|
if(!isValidTree()){
|
|
return;
|
|
}
|
|
|
|
var r = confirm("<%= localeMessage.getString("common.checkSave") %>");
|
|
if (r == false){
|
|
return;
|
|
}
|
|
|
|
var postData = $('#ajaxFormTree').serializeArray();
|
|
postData.push({ name: "cmd" , value:"UPDATE"});
|
|
$.ajax({
|
|
type : "POST",
|
|
url:url,
|
|
data:postData,
|
|
success:function(args){
|
|
alert("<%= localeMessage.getString("common.saveMsg") %>");
|
|
$('#tree').jqGrid('clearGridData');
|
|
var cdGroup = row["CDGROUP"];
|
|
treeGrid_reload(cdGroup);
|
|
},
|
|
error:function(e){
|
|
alert(e.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// 삭제버튼 클릭 이벤트
|
|
$("#btn_deleteTree").click(function(){
|
|
var rowId = $('#tree').getGridParam( "selrow" );
|
|
|
|
if (isNull(rowId)){
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
return ;
|
|
}
|
|
|
|
var row = $('#tree').getRowData( rowId );
|
|
|
|
var ids = $('#tree').getDataIDs();
|
|
var index = $('#tree').getInd(rowId);
|
|
|
|
if (ids.length > Number(index) ){
|
|
|
|
//check
|
|
var childlevel = $('#tree').jqGrid('getCell',ids[Number(index)],'level');
|
|
if (row["level"] > 0 && row["level"]< childlevel){//child 존재
|
|
var r = confirm("<%= localeMessage.getString("code.checkMsg1") %>");
|
|
if (r == false){
|
|
return;
|
|
}
|
|
else
|
|
{
|
|
$('#tree').jqGrid('resetSelection');
|
|
}
|
|
}
|
|
else
|
|
{
|
|
var r = confirm("<%= localeMessage.getString("common.checkDelete") %>");
|
|
if (r == false){
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
var r = confirm("<%= localeMessage.getString("common.checkDelete") %>");
|
|
if (r == false){
|
|
return;
|
|
}
|
|
}
|
|
|
|
var postData = new Array();
|
|
postData.push({ name: "cmd" , value:"DELETE"});
|
|
postData.push(
|
|
{ name: "codeGroup" , value:$("input[name=codeGroup]").val()}
|
|
, { name : "code", value: $("input[name=code]").val()}
|
|
, { name : "level", value: row["level"]}
|
|
);
|
|
$.ajax({
|
|
type : "POST",
|
|
url:url,
|
|
data:postData,
|
|
success:function(args){
|
|
alert("<%= localeMessage.getString("common.deleteMsg") %>");
|
|
$('#tree').jqGrid('clearGridData');
|
|
var cdGroup = row["CDGROUP"];
|
|
treeGrid_reload(cdGroup);
|
|
},
|
|
error:function(e){
|
|
alert(e.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
//------ End Tree Grid Button ------
|
|
|
|
|
|
// 검색버튼 클릭 이벤트
|
|
$("#btn_search").click(function(){
|
|
$('#tree').jqGrid('clearGridData');
|
|
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
|
|
$("#grid").setGridParam({ postData: postData}).trigger("reloadGrid");
|
|
});
|
|
|
|
/* End 버튼 이벤트 */
|
|
|
|
// 엔터 키 이벤트
|
|
$("input[name^=search]").keydown(function(key){
|
|
if (key.keyCode == 13){
|
|
$("#btn_search").click();
|
|
}
|
|
});
|
|
|
|
buttonControl();
|
|
|
|
resizeJqGridWidth('grid','gridList','1000');
|
|
resizeJqGridWidth('tree','treeList','1000');
|
|
});
|
|
// End 초기화(jquery ready)
|
|
|
|
function isValidGrid(){
|
|
|
|
if($('input[name=cdGroup]').val() == "")
|
|
{
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
$('input[name=cdGroup]').focus();
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
function isValidTree(){
|
|
var rowId = $("#tree").getGridParam("selrow");
|
|
|
|
var row = $("#tree").getRowData(rowId);
|
|
var level = row['level'];
|
|
|
|
if($('input[name=codeGroup]').val() == "")
|
|
{
|
|
alert("<%= localeMessage.getString("code.checkRequierd1") %>");
|
|
$('input[name=codeGroup]').focus();
|
|
return false;
|
|
}
|
|
else if(level > 0 && $('input[name=code]').val() == "")
|
|
{
|
|
alert("<%= localeMessage.getString("code.checkRequierd2") %>");
|
|
$('input[name=code]').focus();
|
|
return false;
|
|
}
|
|
else if(level > 0 && $('input[name=codeName]').val() == "")
|
|
{
|
|
alert("<%= localeMessage.getString("code.checkRequierd3") %>");
|
|
$("input[name=codeName]").focus();
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
// 조회된 데이터를 Form에 셋팅하는 함수.
|
|
function setFormGrid(gridId, rowId)
|
|
{
|
|
var data = $("#" + gridId).getRowData(rowId);
|
|
|
|
$("#ajaxFormGrid input[type!=radio],#ajaxFormGrid select,#ajaxFormGrid textarea").each(function(){
|
|
var name = $(this).attr("name");
|
|
var tag = $(this).prop("tagName").toLowerCase();
|
|
|
|
$(tag+"[name="+name+"]").val(data[name.toUpperCase()]);
|
|
});
|
|
}
|
|
|
|
// 트리 그리드 함수.
|
|
function searchTree(rowId)
|
|
{
|
|
var rowData = $("#grid").getRowData(rowId);
|
|
var cdGroup = rowData["CDGROUP"];
|
|
|
|
$('#tree').jqGrid({
|
|
datatype:"json",
|
|
mtype: 'POST',
|
|
url: url,
|
|
postData : {cmd : "LIST_TREE", searchCodeGroup : cdGroup},
|
|
|
|
colNames:['CODEGROUP'
|
|
, '<%= localeMessage.getString("code.code") %>'
|
|
, '<%= localeMessage.getString("code.codeName") %>'
|
|
, '<%= localeMessage.getString("code.codeName") %>(English)'
|
|
, '<%= localeMessage.getString("combo.useYn") %>'
|
|
, '<%= localeMessage.getString("code.order") %>'
|
|
, 'PARENTCODE'
|
|
, 'USEYNNAME'
|
|
],
|
|
colModel:[{ name : 'CODEGROUP' , hidden:true ,sortable:false }
|
|
, { name : 'CODE' , align:'left', key:true, width:'20%' }
|
|
, { name : 'CODENAME' , align:'left', width:'20%' }
|
|
, { name : 'CODENAME_EN' , align:'left', width:'20%' }
|
|
, { name : 'USEYNNAME' , align:'center', width:'20%' }
|
|
, { name : 'SEQ' , align:'center', width:'20%' }
|
|
, { name : 'PARENTCODE' , hidden:true }
|
|
, { name : 'USEYN' , hidden:true }
|
|
],
|
|
treeGrid: true,
|
|
treeIcons: {
|
|
plus: "ui-icon-circlesmall-plus",
|
|
minus: "ui-icon-circlesmall-minus",
|
|
leaf : "ui-icon-document"
|
|
},
|
|
treeGridModel: "adjacency",
|
|
ExpandColumn: "CODE",
|
|
height: "450",
|
|
autowidth: true,
|
|
width: 'auto',
|
|
// shrinkToFit: true,
|
|
rowNum : 10000,
|
|
treeIcons: {leaf:'ui-icon-document-b'},
|
|
jsonReader: {
|
|
repeatitems:false
|
|
},
|
|
gridComplete:function (d){
|
|
var colModel = $(this).getGridParam("colModel");
|
|
for(var i = 0 ; i< colModel.length; i++){
|
|
$(this).setColProp(colModel[i].name, {sortable : false}); //그리드 헤더 화살표 삭제(정렬X)
|
|
}
|
|
},
|
|
loadComplete:function (d){
|
|
var rowCnt = $("#tree").getGridParam("reccount");
|
|
|
|
if(rowCnt > 0)
|
|
{
|
|
var searchName = $("input[name=searchName]").val();
|
|
if(searchName != "")
|
|
{
|
|
// 검색조건의 데이터가 있으면 해당 row 선택.
|
|
$("#tree").jqGrid("setSelection",searchName, true);
|
|
}
|
|
else
|
|
{
|
|
// 검색조건의 값이 없으면 첫번째 row 선택.
|
|
$("#tree").jqGrid("setSelection",$("#tree").getDataIDs()[0], true);
|
|
}
|
|
}
|
|
else
|
|
{
|
|
// Tree Grid의 데이터가 없을 때 상세정보 초기화.
|
|
$("#ajaxFormTree input[type!=radio],#ajaxFormTree select,#ajaxFormTree textarea").each(function(){
|
|
var name = $(this).attr("name");
|
|
var tag = $(this).prop("tagName").toLowerCase();
|
|
$(tag+"[name="+name+"]").val("");
|
|
});
|
|
|
|
$("select[name=useYn]").val("N");
|
|
}
|
|
|
|
resizeJqGridWidth('tree','treeList','1000');
|
|
},
|
|
loadError: function (jqXHR, textStatus, errorThrown) {
|
|
|
|
var location ='<%=request.getContextPath()%>/';
|
|
comloadError(jqXHR, textStatus, errorThrown ,location);
|
|
|
|
},
|
|
onSelectRow: function(rowId) {
|
|
var data = $(this).getRowData(rowId);
|
|
|
|
// Tree Grid 상세정보 셋팅.
|
|
$("#ajaxFormTree input[type!=radio],#ajaxFormTree select,#ajaxFormTree textarea").each(function(){
|
|
var name = $(this).attr("name");
|
|
var tag = $(this).prop("tagName").toLowerCase();
|
|
|
|
// Tree Grid 상세정보 초기화.
|
|
$(tag+"[name="+name+"]").val("");
|
|
//$("select[name=useYn]").val("N");
|
|
|
|
// Tree Grid에 선택된 Row의 Level에 따라서 상세 정보 셋팅.
|
|
if(data['level'] > 0)
|
|
{
|
|
$(tag+"[name="+name+"]").val(data[name.toUpperCase()]);
|
|
|
|
// codeName readOnly 처리
|
|
if(name == "codeName")
|
|
$(tag+"[name="+name+"]").attr("readonly", false);
|
|
|
|
if(name == "codeName_En")
|
|
$(tag+"[name="+name+"]").attr("readonly", false);
|
|
|
|
$(".dynamic").show();
|
|
}
|
|
else
|
|
{
|
|
if(name != "code")
|
|
$(tag+"[name="+name+"]").val(data[name.toUpperCase()]);
|
|
|
|
$(".dynamic").hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="right_box">
|
|
<div class="content_top">
|
|
<ul class="path">
|
|
<li><a href="#">${rmsMenuPath}</a></li>
|
|
</ul>
|
|
</div><!-- end content_top -->
|
|
<div class="content_middle">
|
|
<div class="search_wrap">
|
|
<button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
|
|
<%-- <img src="<c:url value="/img/btn_search.png"/>" alt="" id="btn_search" level="R" /> --%>
|
|
</div>
|
|
<div class="title"><%= localeMessage.getString("code.title") %></div>
|
|
<table class="search_condition" cellspacing=0;>
|
|
<tbody>
|
|
<tr>
|
|
<th style="width:180px;"><%= localeMessage.getString("code.search") %></th>
|
|
<td>
|
|
<input type="text" name="searchName" value="">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div style="font-size:0;">
|
|
<div style="display:inline-block; width:calc(50% - 20px); vertical-align:top;">
|
|
<div style="text-align:right; font-size:12px;">
|
|
<button type="button" class="cssbtn" id="btn_deleteGrid" level="W" ><i class="material-icons">delete</i> <%= localeMessage.getString("button.delete") %></button>
|
|
<button type="button" class="cssbtn" id="btn_newGrid" level="W" ><i class="material-icons">add</i> <%= localeMessage.getString("button.new") %></button>
|
|
<button type="button" class="cssbtn" id="btn_modifyGrid" level="W" ><i class="material-icons">save</i> <%= localeMessage.getString("button.modify") %></button>
|
|
<%-- <img id="btn_deleteGrid" src="<c:url value="/img/btn_delete.png"/>" level="W" "class="btn_img" /> --%>
|
|
<%-- <img id="btn_newGrid" src="<c:url value="/img/btn_new.png" />" level="W" class="btn_img" /> --%>
|
|
<%-- <img id="btn_modifyGrid" src="<c:url value="/img/btn_modify.png"/>" level="W" "class="btn_img" /> --%>
|
|
</div>
|
|
<div id="gridList" style="margin-top:10px;">
|
|
<table id="grid"></table>
|
|
</div>
|
|
<form id="ajaxFormGrid" style="margin-top:10px;">
|
|
<table class="table_row" cellspacing=0;>
|
|
<tbody>
|
|
<tr>
|
|
<th style="width:120px;"><%= localeMessage.getString("code.codeGroup") %></th>
|
|
<td>
|
|
<input type="text" name="cdGroup" readonly="readonly">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="width:120px;"><%= localeMessage.getString("code.codeGroupDesc") %></th>
|
|
<td>
|
|
<input type="text" name="cdGroupDesc">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
|
|
<div style="display:inline-block; width:40px;"></div>
|
|
|
|
<div style="display:inline-block; width:calc(50% - 20px); vertical-align:top;">
|
|
<div style="text-align:right; font-size:12px;">
|
|
<button type="button" class="cssbtn" id="btn_deleteTree" level="W" ><i class="material-icons">delete</i> <%= localeMessage.getString("button.delete") %></button>
|
|
<button type="button" class="cssbtn" id="btn_newTree" level="W" ><i class="material-icons">add</i> <%= localeMessage.getString("button.new") %></button>
|
|
<button type="button" class="cssbtn" id="btn_modifyTree" level="W" ><i class="material-icons">save</i> <%= localeMessage.getString("button.modify") %></button>
|
|
<%-- <img id="btn_deleteTree" src="<c:url value="/img/btn_delete.png" />"level="W" class="btn_img" /> --%>
|
|
<%-- <img id="btn_newTree" src="<c:url value="/img/btn_new.png"/>" level="W" class="btn_img" /> --%>
|
|
<%-- <img id="btn_modifyTree" src="<c:url value="/img/btn_modify.png" />" level="W" class="btn_img" /> --%>
|
|
</div>
|
|
<div id="treeList" style="margin-top:10px;">
|
|
<table id="tree"></table>
|
|
<div id="pager"></div>
|
|
</div>
|
|
<form id="ajaxFormTree" style="margin-top:10px;">
|
|
<table class="table_row" cellspacing=0;>
|
|
<tbody>
|
|
<tr>
|
|
<th style="width:120px;"><%= localeMessage.getString("code.codeGroup") %></th>
|
|
<td>
|
|
<input type="text" name="codeGroup" readonly="readonly">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="width:120px;"><%= localeMessage.getString("code.code") %></th>
|
|
<td>
|
|
<input type="text" name="code" readonly="readonly">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="width:120px;"><%= localeMessage.getString("code.codeName") %></th>
|
|
<td>
|
|
<input type="text" name="codeName" readonly="readonly">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="width:120px;"><%= localeMessage.getString("code.codeName") %>(English)</th>
|
|
<td>
|
|
<input type="text" name="codeName_En" readonly="readonly">
|
|
</td>
|
|
</tr>
|
|
<tr class="dynamic">
|
|
<td class="detail_title"><%= localeMessage.getString("combo.useYn") %></td>
|
|
<td >
|
|
<select name="useYn" style="width:100%">
|
|
<option value="Y"><%= localeMessage.getString("combo.usey") %></option>
|
|
<option value="N"><%= localeMessage.getString("combo.usen") %></option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr class="dynamic">
|
|
<td class="detail_title"><%= localeMessage.getString("code.order") %></td>
|
|
<td >
|
|
<select name="seq" style="width:100%">
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
<option value="5">5</option>
|
|
<option value="6">6</option>
|
|
<option value="7">7</option>
|
|
<option value="8">8</option>
|
|
<option value="9">9</option>
|
|
<option value="10">10</option>
|
|
<option value="11">11</option>
|
|
<option value="12">12</option>
|
|
<option value="13">13</option>
|
|
<option value="14">14</option>
|
|
<option value="15">15</option>
|
|
<option value="16">16</option>
|
|
<option value="17">17</option>
|
|
<option value="18">18</option>
|
|
<option value="19">19</option>
|
|
<option value="20">20</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div><!-- end content_middle -->
|
|
</div><!-- end right_box -->
|
|
</body>
|
|
</html>
|
|
|