miniUI界面
来源：互联网 发布：数据挖掘以什么为基础 编辑：程序博客网 时间：2024/05/17 23:28
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>路由管理</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<jsp:include page="../public/head-miniui.jsp"></jsp:include>
<style type="text/css">
html,
body {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
overflow: auto;
}
</style>
<script>
var itineraryDatagrid = null;
$(function(){
//列表初始化
mini.parse();
itineraryDatagrid = mini.get("itineraryDatagrid");
itineraryDatagrid.load();
//查询按钮单击事件绑定
$("#search_button").bind("click",function(){
itineraryDatagrid.load($$.serializeToJson("#searchFormItinerary"));
});
//清空按钮单击事件绑定
$("#clear_button").bind("click",function(){
new mini.Form("#searchFormItinerary").clear();
});
});
function onItineraryTypeRenderer(e) {
if (e.value == "M") {
return "备用路由";
} else if (e.value == "A"){
return "主干线路由";
} else if (e.value == "I") {
return "多地交派件路由";
}
}
function onHazmatModeRenderer(e) {
if (e.value == "TL") {
return "陆运";
} else if (e.value == "AIR") {
return "空运";
}
}
//新增按钮单击事件
function addItinerary() {
$$.openJcdfDialog('base/itinerary.do?method=forwardAddJsp', '新增', 450, 750,0.97, function(){
itineraryDatagrid.reload();
});
};
//编辑按钮单击事件
function editItinerary() {
var selectedRow = $$.getSingleSelectRow("itineraryDatagrid", "请选择一条记录进行修改！");
if(selectedRow){
$$.openJcdfDialog('base/itinerary.do?method=forwardEditJsp', '编辑', 450, 750,0.97, function(){
itineraryDatagrid.reload();
itineraryDatagrid.clearSelect();
}, function(){
this.getIFrameEl().contentWindow.initEidtData(selectedRow.ITINERARY_GID);
});
}
};
//失效路由
function expireItinerary() {
var rows = mini.get("itineraryDatagrid").getSelecteds();
var ids = "";
var split = "";
for (var i = 0; i < rows.length; i ++ ) {
ids += split + "'" + rows[i].ITINERARY_GID + "'";
split = ", ";
}
$.getJSON(basePath+"/base/itinerary.do?method=expireItinerary&itineraryGids=" + ids, function(result) {
itineraryDatagrid.reload();
mini.alert(result.msg, '提示消息');
});
}
//恢复路由
function restoreItinerary() {
var rows = mini.get("itineraryDatagrid").getSelecteds();
var ids = "";
var split = "";
for (var i = 0; i < rows.length; i ++ ) {
ids += split + "'" + rows[i].ITINERARY_GID + "'";
split = ", ";
}
$.getJSON(basePath+"/base/itinerary.do?method=restoreItinerary&itineraryGids=" + ids, function(result) {
itineraryDatagrid.reload();
mini.alert(result.msg, '提示消息');
});
}
//详细查看
function viewItineraryDetail(e) {
var selectNotes = e.row;
if(selectNotes){
var itineraryGid = selectNotes.ITINERARY_GID;
$$.openJcdfDialog('base/itinerary.do?method=forwardDetailJsp&itineraryGid='+itineraryGid, '路由详细信息', 450, 750, 0.97, function(){
itineraryDatagrid.clearSelect();
});
}
}
//导入功能
function downloadItinerary(){
$$.openJcdfDialog(basePath+'/base/itinerary.do?method=forwardImportJsp', '导入', 450, 750, 0.97, function(){
itineraryDatagrid.reload();
});
}
</script>
</head>
<body>
<div id="searchPanel">
<div id="searchButtonDiv" class="mini-toolbar">
<table style="width:100%;">
<tr>
<td>
<span collapse="searchParamsDiv" fit="datagridMiniFit" style="margin-left:1px;">
<a class="mini-button" plain="true"><img src="" border="0"></a>
</span>
<span class="separator"></span>
<a id="search_button" class="mini-button" plain="true" iconCls="icon-search">查询</a>
<a id="clear_button" class="mini-button" plain="true" iconCls="icon-cancel">清空</a>
</td>
</tr>
</table>
</div>
<div id="searchParamsDiv" style="border:1px solid #ffdb45;border-top:0;padding:5px;">
<form action="#" name="searchFormItinerary" id="searchFormItinerary" style="display: inline;">
<table style="width:100%;">
<tr>
<td align="right">路由类型</td>
<td width="13%" align="right">
<input id="itineraryType" name="itineraryType" class="mini-combobox" style="width:200px;" textField="text"
valueField="id" data='[{"id":"A","text":"主干线路由"},{"id":"M","text":"备用路由"},{"id":"I","text":"多地交派件路由"}]' value="A" showNullItem="true" />
</td>
<td align="right">路由名称</td>
<td width="13%" align="right" colspan="1">
<input id="itineraryName" name="itineraryName" class="mini-autocomplete" style="width:200px;" textField="CX_NAME"
valueField="CX_NAME" url='cxxx.do?method=findAllIdsAndNames' value="" showNullItem="true" allowInput="true" pinyinField="tag" />
</td>
<td align="right">始发分拨</td>
<td>
<input id="originPoint" name="originPoint" class="mini-autocomplete" style="width:200px;" textField="text"
valueField="id" url='redisQuery.do?method=findFbwdAll' allowInput="true" pinyinField="tag" valueFromSelect="true"/>
</td>
</tr>
<tr>
<td align="right">目的分拨</td>
<td>
<input id="destPoint" name="destPoint" class="mini-autocomplete" style="width:200px;" textField="text"
valueField="id" url='redisQuery.do?method=findFbwdAll' allowInput="true" pinyinField="tag" valueFromSelect="true"/>
</td>
<td align="right">途经分拨</td>
<td>
<input id="transitPoint" name="transitPoint" class="mini-autocomplete" style="width:200px;" textField="text"
valueField="id" url='redisQuery.do?method=findFbwdAll' allowInput="true" pinyinField="tag" valueFromSelect="true"/>
</td>
</tr>
<tr>
<td align="right">生效时间</td>
<td>
<input id="ATTRIBUTE_DATE1" name="ATTRIBUTE_DATE1" class="mini-datepicker" format="yyyy-MM-dd" style="width:200px;"
valueField="id" allowInput="true" />
</td>
<td>
<input id="ATTRIBUTE_DATE1D" name="ATTRIBUTE_DATE1D" class="mini-datepicker" format="yyyy-MM-dd" style="width:200px;"
valueField="id" allowInput="true" />
</td>
</tr>
<tr>
<td align="right">失效时间</td>
<td>
<input id="ATTRIBUTE_DATE2" name="ATTRIBUTE_DATE2" class="mini-datepicker" format="yyyy-MM-dd" style="width:200px;"
valueField="id" allowInput="true" />
</td>
<td>
<input id="ATTRIBUTE_DATE2D" name="ATTRIBUTE_DATE2D" class="mini-datepicker" format="yyyy-MM-dd" style="width:200px;"
valueField="id" allowInput="true" />
</td>
</tr>
</table>
</form>
</div>
</div>
<div style="width:100%;">
<div id="toolbar" functionId="bim_lygl" class="mini-toolbar" style="border-bottom:0;padding:0px;">
<span collapse="itineraryDatagrid" style="margin-left: 2px;">
<a class="mini-button" plain="true"><img src="" border="0"></a>
</span>
<span class="separator"></span>
<a class="mini-button" iconCls="icon-add" onclick="addItinerary()" plain="true" name="add_itineraryManage" enabled="false">增加</a>
<a class="mini-button" iconCls="icon-edit" onclick="editItinerary()" plain="true" name="edit_itineraryManage" enabled="false">编辑</a>
<a class="mini-button" iconCls="icon-edit" onclick="expireItinerary()" plain="true" name="expire_itineraryManage" enabled="false">失效</a>
<a class="mini-button" iconCls="icon-edit" onclick="restoreItinerary()" plain="true" name="restore_itineraryManage" enabled="false">恢复</a>
<a class="mini-button" iconCls="icon-download" onclick="downloadItinerary()" plain="true" name="download_itineraryManage" enabled="true">导入</a>
</div>
</div>
<div id="datagridMiniFit" class="mini-fit">
<div id="itineraryDatagrid" class="mini-datagrid" style="width:100%;height:100%;" allowResize="true"
url="itinerary.do?method=pageQuery" idField="ID" multiSelect="true" showSummaryRow="true" onrowdblclick="viewItineraryDetail">
<div property="columns">
<div type="checkcolumn"></div>
<div field="ITINERARY_TYPE" width="60" renderer="onItineraryTypeRenderer" headerAlign="center" allowSort="true">路由类型</div>
<div field="ITINERARY_GID" width="220" headerAlign="center" allowSort="true">路由ID</div>
<div field="ITINERARY_NAME" width="250" headerAlign="center" allowSort="true">路由名称</div>
<div field="ATTRIBUTE_NUMBER1" width="50" headerAlign="center" allowSort="true">优先级</div>
<div field="INCO_TERM_PROFILE_NAME" width="60" headerAlign="center" allowSort="true">产品组</div>
<div field="ATTRIBUTE_DATE1" width="120" headerAlign="center" allowSort="true">生效时间</div>
<div field="ATTRIBUTE_DATE2" width="120" headerAlign="center" allowSort="true">失效时间</div>
<div field="INCO_TERM_PROFILE_GID" width="120" headerAlign="center" allowSort="true" visible="false">产品组ID</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>路由管理</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<jsp:include page="../public/head-miniui.jsp"></jsp:include>
<style type="text/css">
html,
body {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
overflow: auto;
}
</style>
<script>
var itineraryDatagrid = null;
$(function(){
//列表初始化
mini.parse();
itineraryDatagrid = mini.get("itineraryDatagrid");
itineraryDatagrid.load();
//查询按钮单击事件绑定
$("#search_button").bind("click",function(){
itineraryDatagrid.load($$.serializeToJson("#searchFormItinerary"));
});
//清空按钮单击事件绑定
$("#clear_button").bind("click",function(){
new mini.Form("#searchFormItinerary").clear();
});
});
function onItineraryTypeRenderer(e) {
if (e.value == "M") {
return "备用路由";
} else if (e.value == "A"){
return "主干线路由";
} else if (e.value == "I") {
return "多地交派件路由";
}
}
function onHazmatModeRenderer(e) {
if (e.value == "TL") {
return "陆运";
} else if (e.value == "AIR") {
return "空运";
}
}
//新增按钮单击事件
function addItinerary() {
$$.openJcdfDialog('base/itinerary.do?method=forwardAddJsp', '新增', 450, 750,0.97, function(){
itineraryDatagrid.reload();
});
};
//编辑按钮单击事件
function editItinerary() {
var selectedRow = $$.getSingleSelectRow("itineraryDatagrid", "请选择一条记录进行修改！");
if(selectedRow){
$$.openJcdfDialog('base/itinerary.do?method=forwardEditJsp', '编辑', 450, 750,0.97, function(){
itineraryDatagrid.reload();
itineraryDatagrid.clearSelect();
}, function(){
this.getIFrameEl().contentWindow.initEidtData(selectedRow.ITINERARY_GID);
});
}
};
//失效路由
function expireItinerary() {
var rows = mini.get("itineraryDatagrid").getSelecteds();
var ids = "";
var split = "";
for (var i = 0; i < rows.length; i ++ ) {
ids += split + "'" + rows[i].ITINERARY_GID + "'";
split = ", ";
}
$.getJSON(basePath+"/base/itinerary.do?method=expireItinerary&itineraryGids=" + ids, function(result) {
itineraryDatagrid.reload();
mini.alert(result.msg, '提示消息');
});
}
//恢复路由
function restoreItinerary() {
var rows = mini.get("itineraryDatagrid").getSelecteds();
var ids = "";
var split = "";
for (var i = 0; i < rows.length; i ++ ) {
ids += split + "'" + rows[i].ITINERARY_GID + "'";
split = ", ";
}
$.getJSON(basePath+"/base/itinerary.do?method=restoreItinerary&itineraryGids=" + ids, function(result) {
itineraryDatagrid.reload();
mini.alert(result.msg, '提示消息');
});
}
//详细查看
function viewItineraryDetail(e) {
var selectNotes = e.row;
if(selectNotes){
var itineraryGid = selectNotes.ITINERARY_GID;
$$.openJcdfDialog('base/itinerary.do?method=forwardDetailJsp&itineraryGid='+itineraryGid, '路由详细信息', 450, 750, 0.97, function(){
itineraryDatagrid.clearSelect();
});
}
}
//导入功能
function downloadItinerary(){
$$.openJcdfDialog(basePath+'/base/itinerary.do?method=forwardImportJsp', '导入', 450, 750, 0.97, function(){
itineraryDatagrid.reload();
});
}
</script>
</head>
<body>
<div id="searchPanel">
<div id="searchButtonDiv" class="mini-toolbar">
<table style="width:100%;">
<tr>
<td>
<span collapse="searchParamsDiv" fit="datagridMiniFit" style="margin-left:1px;">
<a class="mini-button" plain="true"><img src="" border="0"></a>
</span>
<span class="separator"></span>
<a id="search_button" class="mini-button" plain="true" iconCls="icon-search">查询</a>
<a id="clear_button" class="mini-button" plain="true" iconCls="icon-cancel">清空</a>
</td>
</tr>
</table>
</div>
<div id="searchParamsDiv" style="border:1px solid #ffdb45;border-top:0;padding:5px;">
<form action="#" name="searchFormItinerary" id="searchFormItinerary" style="display: inline;">
<table style="width:100%;">
<tr>
<td align="right">路由类型</td>
<td width="13%" align="right">
<input id="itineraryType" name="itineraryType" class="mini-combobox" style="width:200px;" textField="text"
valueField="id" data='[{"id":"A","text":"主干线路由"},{"id":"M","text":"备用路由"},{"id":"I","text":"多地交派件路由"}]' value="A" showNullItem="true" />
</td>
<td align="right">路由名称</td>
<td width="13%" align="right" colspan="1">
<input id="itineraryName" name="itineraryName" class="mini-autocomplete" style="width:200px;" textField="CX_NAME"
valueField="CX_NAME" url='cxxx.do?method=findAllIdsAndNames' value="" showNullItem="true" allowInput="true" pinyinField="tag" />
</td>
<td align="right">始发分拨</td>
<td>
<input id="originPoint" name="originPoint" class="mini-autocomplete" style="width:200px;" textField="text"
valueField="id" url='redisQuery.do?method=findFbwdAll' allowInput="true" pinyinField="tag" valueFromSelect="true"/>
</td>
</tr>
<tr>
<td align="right">目的分拨</td>
<td>
<input id="destPoint" name="destPoint" class="mini-autocomplete" style="width:200px;" textField="text"
valueField="id" url='redisQuery.do?method=findFbwdAll' allowInput="true" pinyinField="tag" valueFromSelect="true"/>
</td>
<td align="right">途经分拨</td>
<td>
<input id="transitPoint" name="transitPoint" class="mini-autocomplete" style="width:200px;" textField="text"
valueField="id" url='redisQuery.do?method=findFbwdAll' allowInput="true" pinyinField="tag" valueFromSelect="true"/>
</td>
</tr>
<tr>
<td align="right">生效时间</td>
<td>
<input id="ATTRIBUTE_DATE1" name="ATTRIBUTE_DATE1" class="mini-datepicker" format="yyyy-MM-dd" style="width:200px;"
valueField="id" allowInput="true" />
</td>
<td>
<input id="ATTRIBUTE_DATE1D" name="ATTRIBUTE_DATE1D" class="mini-datepicker" format="yyyy-MM-dd" style="width:200px;"
valueField="id" allowInput="true" />
</td>
</tr>
<tr>
<td align="right">失效时间</td>
<td>
<input id="ATTRIBUTE_DATE2" name="ATTRIBUTE_DATE2" class="mini-datepicker" format="yyyy-MM-dd" style="width:200px;"
valueField="id" allowInput="true" />
</td>
<td>
<input id="ATTRIBUTE_DATE2D" name="ATTRIBUTE_DATE2D" class="mini-datepicker" format="yyyy-MM-dd" style="width:200px;"
valueField="id" allowInput="true" />
</td>
</tr>
</table>
</form>
</div>
</div>
<div style="width:100%;">
<div id="toolbar" functionId="bim_lygl" class="mini-toolbar" style="border-bottom:0;padding:0px;">
<span collapse="itineraryDatagrid" style="margin-left: 2px;">
<a class="mini-button" plain="true"><img src="" border="0"></a>
</span>
<span class="separator"></span>
<a class="mini-button" iconCls="icon-add" onclick="addItinerary()" plain="true" name="add_itineraryManage" enabled="false">增加</a>
<a class="mini-button" iconCls="icon-edit" onclick="editItinerary()" plain="true" name="edit_itineraryManage" enabled="false">编辑</a>
<a class="mini-button" iconCls="icon-edit" onclick="expireItinerary()" plain="true" name="expire_itineraryManage" enabled="false">失效</a>
<a class="mini-button" iconCls="icon-edit" onclick="restoreItinerary()" plain="true" name="restore_itineraryManage" enabled="false">恢复</a>
<a class="mini-button" iconCls="icon-download" onclick="downloadItinerary()" plain="true" name="download_itineraryManage" enabled="true">导入</a>
</div>
</div>
<div id="datagridMiniFit" class="mini-fit">
<div id="itineraryDatagrid" class="mini-datagrid" style="width:100%;height:100%;" allowResize="true"
url="itinerary.do?method=pageQuery" idField="ID" multiSelect="true" showSummaryRow="true" onrowdblclick="viewItineraryDetail">
<div property="columns">
<div type="checkcolumn"></div>
<div field="ITINERARY_TYPE" width="60" renderer="onItineraryTypeRenderer" headerAlign="center" allowSort="true">路由类型</div>
<div field="ITINERARY_GID" width="220" headerAlign="center" allowSort="true">路由ID</div>
<div field="ITINERARY_NAME" width="250" headerAlign="center" allowSort="true">路由名称</div>
<div field="ATTRIBUTE_NUMBER1" width="50" headerAlign="center" allowSort="true">优先级</div>
<div field="INCO_TERM_PROFILE_NAME" width="60" headerAlign="center" allowSort="true">产品组</div>
<div field="ATTRIBUTE_DATE1" width="120" headerAlign="center" allowSort="true">生效时间</div>
<div field="ATTRIBUTE_DATE2" width="120" headerAlign="center" allowSort="true">失效时间</div>
<div field="INCO_TERM_PROFILE_GID" width="120" headerAlign="center" allowSort="true" visible="false">产品组ID</div>
</div>
</div>
</div>
</body>
</html>
0 0
- miniUI界面
- jQuery MiniUI
- jQuery MiniUI
- jquery miniui
- jQuery MiniUI
- jQuery MiniUI
- miniui 选择器
- MiniUI总结
- jquery miniui
- miniui-input
- miniui分页
- miniui表格
- JQUERY MINIUI
- 初学miniui之miniui的使用
- jQuery MiniUI Demo
- Jquery UI -- MiniUI 资料
- jQuery MiniUI Demo
- jQuery miniUI学习地址
- Java中字符串的一些基本操作
- jquery的post方法 使用从后台获取回来的数据
- DataMatrix编码 关于libdmtx的使用
- 理解Storm拓扑的并行
- IKAnalyzer添加用户自定字典
- miniUI界面
- iOS 7兼容
- 静态常量(static final)在class文件中是怎样的呢？
- calendar的使用
- 【再思考】PATBasic——1024. 科学计数法 (20)
- 童年的友情你还记得？
- Autolayout优秀的第三方开源库
- SQL调优(连接方式)
- iOS对NSNull的判断
