home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
61.19.244.139
/
61.19.244.139.zip
/
61.19.244.139
/
2015-03-03
/
views
/
car-type-setup.jsp
< prev
next >
Wrap
Text File
|
2015-03-03
|
8KB
|
311 lines
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<tiles:insertDefinition name="defaultTemplate">
<tiles:putAttribute name="body">
<ul class="breadcrumb">
<li><a href="#">α╕½α╕Öα╣ëα╕▓α╕½α╕Ñα╕▒α╕ü</a><span class="divider">»</span></li>
<li class="active">กําหนดรายละเอียดขนาดรถยนต์</li>
</ul>
<div class="row-fluid">
<div class="span12 ">
<div class=" widget-block">
<div class="widget-head">
<h5>
<i class="black-icons documents"></i>
กําหนดรายละเอียดขนาดรถยนต์
</h5>
</div>
<div class="widget-content">
<div class="widget-searchbox">
<ul>
<li class="row-counts"><a class="btn btn-success" id="addBtn" href="#frm-box"> <i class="icon-plus icon-white"></i> เพิ่ม
</a> <a class="btn btn-primary" id="editBtn"> <i class="icon-pencil icon-white"></i> แก้ไข
</a> <a class="btn btn-danger" id="delBtn"> <i class="icon-trash icon-white"></i> ลบ
</a></li>
<li class="right">
<fieldset>
<div class="control-group">
<div class="controls">
<select class="span5" name="vehTypeSearch" id="vehTypeSearch">
<option value="">ประเภทรถยนต์ทั้งหมด</option>
<c:if test="${not empty vehTypeList}">
<c:forEach var="listValue" items="${vehTypeList}">
<option value="${listValue.refCode}" >${listValue.refDesc1}</option>
</c:forEach>
</c:if>
</select>
-
<select class="span5" name="vehUsageSearch" id="vehUsageSearch">
<option value="">ลักษณะการใช้ทั้งหมด</option>
<c:if test="${not empty vehUsageList}">
<c:forEach var="listValue" items="${vehUsageList}">
<option value="${listValue.refCode}" >${listValue.refDesc1}</option>
</c:forEach>
</c:if>
</select> <a class="btn btn-info" id="btSearch" > <i class="icon-search icon-white"></i> ค้นหา
</a>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
<div class="widget-box">
<div align="center" id='jqgrid'>
<table id='grid'></table>
<div id='pager'></div>
<br/>
<div id="tableDetail"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tableFrm">
</div>
</tiles:putAttribute>
<tiles:putAttribute name="customScript">
<script>
$(function() {
//$("#vehTypeSearch").select2({ width: 'resolve' });
// $("#vehUsageSearch").select2({ width: 'resolve' });
$("#grid").jqGrid({
url : 'car-type-list',
datatype : 'json',
mtype : 'GET',
colNames : [ 'ปรเภทรถ','ลักษณะการใช้', 'รหัสรถยนต์', 'ขนาด', 'ข้อความพิมพ์บนหน้าตาราง','-'],
colModel : [ {
name : 'vehType',
index : 'vehCode',
width : 5,
hidden : false ,
sortable: false
}, {
name : 'vehUsage',
index : 'vehCode',
width : 5,
hidden : false,
sortable: false,
align : 'left'
}, {
name : 'vehCode',
index : 'vehCode',
width : 5,
sortable: false,
key: true,
hidden : false,
align : 'left'
} , {
name : 'vehSizeFlag',
index : 'vehCode',
width : 5,
sortable: false,
hidden : false,
align : 'left'
} , {
name : 'vehPrintPol',
index : 'vehCode',
width : 30,
sortable: false,
hidden : false,
align : 'left'
} , {
name : 'vehSizeBeans',
index : 'vehSizeBeans',
width : 0,
sortable: false,
hidden : true,
align : 'left'
} ],
postData : {},
rowNum : 10,
rowList : [ 10, 20, 40, 60 ],
height : 240,
width : 500,
autowidth : true,
rownumbers : true,
pager : '#pager',
sortname : 'vehType',
viewrecords : true,
sortorder : "asc",
emptyrecords : "Empty records",
loadonce : false,
loadComplete : function() {
} ,
onSelectRow: function(ids) {
$.get( "car-size-by-code2?vehCode="+encodeURIComponent(ids), function( data1 ) {
$('#tableDetail').html(data1);
});
}
,
jsonReader : {
root : "rows",
page : "page",
total : "total",
records : "records",
repeatitems : false,
cell : "cell",
id : "vehType"
}
});
});
$('#addBtn').click(function() {
$.get( "addVehCode", function( data1 ) {
$('#tableFrm').html(data1);
$( "#tableFrm" ).dialog({
maxWidth:800,
maxHeight: 650,
width: 800,
height: 630,
modal: true,
close: function() {
$('#sidebar').removeClass('side-hide');
$('.top-nav').removeClass('full-fluid');
$('#main-content').removeClass('full-fluid');
$('#tableFrm').html('');
}
});
$('#sidebar').addClass('side-hide');
$('.top-nav').addClass('full-fluid');
$('#main-content').addClass('full-fluid');
});
return false;
});
$('#editBtn').click(function() {
//return false;
var selr = $("#grid").jqGrid('getGridParam', 'selrow');
if(selr){
$.get( "addVehCode?vehCode="+selr, function( data1 ) {
$('#tableFrm').html(data1);
$( "#tableFrm" ).dialog({
maxWidth:800,
maxHeight: 530,
width: 700,
height: 530,
modal: true,
close: function() {
$('#sidebar').removeClass('side-hide');
$('.top-nav').removeClass('full-fluid');
$('#main-content').removeClass('full-fluid');
$('#tableFrm').html('');
}
});
$('#sidebar').addClass('side-hide');
$('.top-nav').addClass('full-fluid');
$('#main-content').addClass('full-fluid');
});
}
return false;
});
$('#delBtn').click(function() {
var selr = $("#grid").jqGrid('getGridParam', 'selrow');
if (selr && confirm("ยืนยันการลบข้อมูล ประเภมกรรมธรรม์ รหัส " + selr)){
var url = "delete-car-size-by-code?vehCode="+selr;
$.ajax({
type: "GET",
url: url,
success: function(data)
{
$('#grid').trigger("reloadGrid", [{ page: 1 }]);
$('#tableDetail').html('');
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});}
});
$('#btSearch').click(function() {
var f = {
groupOp : "AND",
rules : []
};
f.rules.push({
field : "vehUsageSearch",
op : "cn",
data : $('#vehUsageSearch').val()
});
f.rules.push({
field : "vehTypeSearch",
op : "cn",
data : $('#vehTypeSearch').val()
});
var grid = $('#grid');
grid[0].p.search = f.rules.length > 0;
$.extend(grid[0].p.postData, {
filters : JSON.stringify(f)
});
grid.trigger("reloadGrid", [ {
page : 1
} ]);
});
</script>
</tiles:putAttribute>
</tiles:insertDefinition>