개발/jquery,javascript
jquery load() 등록 화면 탭메뉴+MVC 구현
lovelytney
2020. 8. 13. 16:00
반응형
/test/insertTabMain.jsp
<style>
.tab li {
float: left;
display: inline-block;
color: #000;
text-align: center;
text-decoration: none;
padding: 14px 16px;
font-size: 15px;
}
</style>
<script type="text/javascript">
//<![CDATA[
$(function(){
// tab operation
$('.tabmenu').click(function() {
var activeTab = $(this).attr('data-tab');
$('.content').load(activeTab+'.do');
});
$('#default').click();
});
//]]>
</script>
<ul class="tab">
<li data-tab="insertFormTab1Url" class='tabmenu' id="default"><a href="#">탭메뉴1</a></li>
<li data-tab="insertFormTab2Url" class='tabmenu'><a href="#">탭메뉴2</a></li>
<li data-tab="insertFormTab3Url" class='tabmenu'><a href="#">탭메뉴3</a></li>
</ul>
<div class="content"></div>
/test/insertFormTab1Url.jsp, /test/insertFormTab2Url.jsp, /test/insertFormTab3Url.jsp
<div>
보여줄 내용
</div>
/test/web/TabTestController.java
@Resource(name = "tabTestService")
private TabTestService tabTestService;
private String sub = "";
//메인 화면
@RequestMapping(value="/test/insertTabMain.do")
public String insertTabMain(HttpServletRequest request, HttpServletResponse response, ModelMap model, SessionStatus status) throws Exception {
return "test/insertTabMain";
}
//서브 화면
@RequestMapping(value="/test/{url}")
public String insertTabUrl(HttpServletRequest request, HttpServletResponse response, ModelMap model, SessionStatus status, @PathVariable("url") String url) throws Exception {
sub = url.replace("insertForm", "");
sub = sub.substring(0,sub.indexOf("Mgt"));
return "test/"+url;
}
//서브 화면에서 저장시
@RequestMapping(value="/test/insertFormSave.do")
public String insertFormSave(HttpServletRequest request, HttpServletResponse response, ModelMap model, SessionStatus status) throws Exception {
DataMap param = new DataMap();
String sub = pageUrl.replace("Form", "").replace("insert", "");
param.put("sub", sub);
tabTestService.insertTabUrl(param);
model.addAttribute("param", param);
//return "redirect:/test/selectList"+sub+".do";
return "redirect:/test/selectListTabMain.do";
}
/test/service/TabTestServiceImpl.java
@Override
public void insertTabUrl(DataMap param) throws Exception {
String sub = param.getString("sub");
sub = "insert".concat(sub);
commonMybatisDao.update(sub,param);
}
/test/TabTest_SQL.xml
<mapper namespace="test">
<update id="insertTab1" parameterType="dataMap">
<selectKey keyProperty="seqno_seq" resultType="int" order="BEFORE">
SELECT NVL(MAX(SEQ), 0) +1 FROM TB_TEST
</selectKey>
/* test.TB_TEST */
MERGE INTO TB_TEST A
USING DUAL
ON (A.SEQ = #{seqno, jdbcType=VARCHAR})
WHEN MATCHED THEN
UPDATE SET
A.UPDT_DT = sysdate
WHEN NOT MATCHED THEN
INSERT(
SEQ,
REGIST_DT
) VALUES (
#{seqno_seq, jdbcType=VARCHAR}
,sysdate
)
</update>
<update id="insertTab2" parameterType="dataMap">
</update>
<update id="insertTab3" parameterType="dataMap">
</update>
반응형