<#include "/common/_layout.html"/> <@layout>
<html>
<head>
<title>行業管理列表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="script/jquery.js"></script>
<script language="javascript" src="script/pageCommon.js" charset="utf-8"></script>
<script language="javascript" src="script/PageUtils.js" charset="utf-8"></script>
<link type="text/css" rel="stylesheet" href="style/blue/pageCommon.css" />
<!-- easyui相關文件 -->
<link type="text/css" rel="stylesheet" href="style/themes/default/easyui.css" />
<link type="text/css" rel="stylesheet" href="style/themes/icon.css" />
<script language="javascript" src="script/easyui/jquery.easyui.min.js" charset="utf-8"></script>
<script language="javascript" src="script/easyui/easyui-lang-zh_CN.js" charset="utf-8"></script>
<script type="text/javascript">
$(function () {
$('#add').window('close');//首先將窗體隱藏
$('#update').window('close');
//當頁面首次刷新的時候執行的事件
initTable();
$('#btnSerach').click(function () {
var txtKey=document.getElementById("txtKey").value;
var queryData={
txtKey:txtKey,
};
initTable(queryData);
//var rows = $('#dtIndustry').datagrid('getRows')
//$("#industryRank").val(rows[0]["ranking"]+5);
})
});
/*****************查******************/
//初始化表格
function initTable(queryData) {
$('#dtIndustry').datagrid({ //定位到Table標籤，Table標籤的ID是test
fitColumns: true,
url: 'industry/listInfo', //指向後臺的Action來獲取當前用戶的信息的Json格式的數據
title: '行業列表', //標識
iconCls: 'icon-save',
height: 368,
nowrap: true,
autoRowHeight: false,
striped: true,
collapsible: true,
pagination: true,
rownumbers: true,
queryParams: queryData,
sortOrder: 'asc',
remoteSort: false,
selectOnCheck: false,
singleSelect: true,
//idField: 'industryName',
columns: [[
{ field: 'ck', checkbox: true },
{title: '行業名稱', field: 'industryName', width:310,sortable: true},
{title: '顯示排序', field: 'ranking', width:310,sortable: true},
{title: '主鍵', field: 'id', width:310,sortable: true,hidden:true},
{title: '創建時間', field: 'versionStartTime', width:310,sortable: true},
{ title: '操作', field:'oc',width:310,sortable: true,formatter: function (value, row, index) { return OperateColumn(value, row, index) },
styler: function () { return mouseMove() }},
]],
onDblClickRow:function(rowIndex){openEdit(rowIndex);},
onRowContextMenu:function(e, rowIndex, rowData){
e.preventDefault(); //阻止瀏覽器捕獲右鍵事件
$(this).datagrid("clearSelections"); //取消所有選中項
$(this).datagrid("selectRow", rowIndex); //根據索引選中該行
$('#menu').menu('show', {
//顯示右鍵菜單
left: e.pageX,//在鼠標點擊處顯示菜單
top: e.pageY
});
$('#rightAdd').click(function(){
openAdd();
});
$('#rightEdit').click(function(){
$("#Name").val(rowData.industryName);
$("#Rank").val(rowData.ranking);
$("#id").val(rowData.id);
$('#update').dialog({
title:'編輯行業',
});
$('#update').window('open');
});
},
toolbar: [{
id: 'btnadd',
text: '添加行業',
iconCls: 'icon-add',
handler: function () {
//調用添加
openAdd();
}
}
]
});
}
//enter鍵進行查詢
function KeyDown() {
$('#txtKey').keypress(function (event) {
if (event.keyCode == 13) {
event.keyCode++;
var txtKey=document.getElementById("txtKey").value;
var queryData={
txtKey:txtKey,
};
initTable(queryData);
}
})
}
//鼠標移至操作欄變色
function mouseMove() {
return 'color:RGB(120,120,260);cursor: pointer';
}
//在"詳情"一列中添加超鏈接.
function OperateColumn(value, row, index) {
return '<a href="#" id="link" onclick="openEdit(' + index+ ')">編輯</a>';
}
//點擊編輯的方法index
function openEdit(index){
$('#dtIndustry').datagrid('selectRow', index);// 關鍵在這裏
var row = $('#dtIndustry').datagrid('getSelected');//,獲取選中行
$("#Name").val(row.industryName);
$("#Rank").val(row.ranking);
$("#id").val(row.id);
$('#update').dialog({
title:'編輯行業',
});
$('#update').window('open');
}
function editInfo(index){
if(isNaN($("#Rank").val())){
$.messager.alert("友情提示", "行業排序格式錯誤，請輸入數字排序！", "info");
return;
}
$.ajax({
url: 'industry/updateIndustryInfo',
async: false,
//cache: false,
type: 'post',
dataType: "json",
data: {
industryName: $("#Name").val(),
industryRank:$("#Rank").val(),
industryId:$("#id").val(),
},
success: function (data) {
if(data==true){
$('#update').window('close');
//window.parent.frames.right.location.reload();
$.messager.alert("友情提示", "行業更新成功！", "info");
initTable();//完成後初始化表格
}else{
$.messager.alert("友情提示", "行業更新失敗，請聯繫開發人員", "error");
$('#update').window('close');
}
}
});
}
function openAdd(){
// $("#industryRank").val("@Session['dtIndustry']");
//單擊“添加領域”顯示添加的信息框
var rowId="";
//彈框顯示
$('#add').dialog({
title:'添加行業',
});
$.ajax({
type: "get",
dataType: "json",
async: false,
//url: "/field/selectFirstField",
url: "industry/selectIndustry",
success: function (data) {
$("#industryRank").val(data[0].ranking+5);
}
});
$('#add').window('open');
}
function addInfo(){
if(isNaN($("#industryRank").val())){
$.messager.alert("友情提示", "行業排序格式錯誤，請輸入數字排序！", "info");
return;
}
$.ajax({
url: "industry/addIndustryInfo",
async: false,
cache: false,
type: 'post',
dataType: "json",
data: {
industryName: $("#IndustryName").val(),
industryRank:$("#industryRank").val(),
},
success: function (data) {
if (data==true) {
$.messager.alert("友情提示", "行業添加成功！", "info");
initTable(); //完成後初始化表格
$('#add').window('close');
doReset();
return;
} else {
$.messager.alert("友情提示", "行業 "+$("#IndustryName").val()+" 已存在，不能再次添加！", "info");
}
},
error:function(){
$.messager.alert("友情提示", "行業添加失敗，請聯繫開發人員", "error");
return;
}
});
}
/* function Reset(){
$("#Name").val("");
$("#Rank").val("");
$("#Name").focus();
}
function doReset(){
$("#IndustryName").val("");
$("#industryRank").val("");
$("#IndustryName").focus();
} */
function UpdateCancel(){
$('#update').window('close');
}
function AddCancel(){
doReset();
$('#add').window('close');
}
function rightClick(){
$('#dtIndustry').datagrid('selectRow',rowIndex);
openEdit(index);
}
</script>
</head>
<body>
<div id="Title_bar">
<div id="Title_bar_Head">
<div id="Title_Head"></div>
<div id="Title">
<!--頁面標題-->
<img border="0" width="13" height="13"
src="style/images/title_arrow.gif" /> 行業管理
</div>
<div id="Title_End"></div>
</div>
</div>
<div id="MainArea">
<div>
<!-------------------------------搜索框----------------------------------->
<fieldset style="margin-bottom: 20px">
<legend>行業管理</legend>
<div>
<label>請輸入行業名稱：</label> <input type="text" id="txtKey"
name="txtKey"onkeydown="KeyDown()" placeholder="行業名稱"/> <a
class="easyui-linkbutton" iconcls="icon-search" id="btnSerach" >搜索</a>
</div>
</fieldset>
<!-------------------------------新聞信息----------------------------------->
<table id="dtIndustry" style="width: 1099px; margin: 20px 0 10px 8px"
title="訂單列表" iconcls="icon-edit">
</table>
</div>
<!-- 添加行業的窗口 -->
<div id="add" class="easyui-dialog">
</br> </br> <input id="appealId" type="hidden" />
<div style="margin-left: 20%;">
行業名稱：<input id="IndustryName" type="text" class="easyui-textbox" maxLength=20/>
</div>
<br />
<div style="margin-left: 20%; ">
顯示順序：<input id="industryRank" type="text" class="easyui-textbox" maxLength=10 readonly style="background-color: lightgray"/>
</div>
<br /> <br /> <a class="easyui-linkbutton" id="btnOK"
onclick="addInfo()" style="margin-left: 25%;">確定</a> <a
class="easyui-linkbutton" id="btnOK" onclick="AddCancel()"
style="padding-left: 40px;">取消</a> <br /> <br /> <br />
</div>
<!-- 更新行業的窗口 -->
<div id="update" class="easyui-dialog">
</br> </br> <input id="appealId" type="hidden" />
<div style="margin-left: 20%;">
行業名稱：<input id="Name" class="easyui-textbox" maxLength=20>
</div>
<br />
<div style="margin-left: 20%; margin-right: 20%">
顯示順序：<input id="Rank" class="easyui-textbox" maxLength=10 />
</div>
<input id="id" class="easyui-textbox" style="display: none" /> <br />
<br /> <a class="easyui-linkbutton" id="btnOK" onclick="editInfo()"
style="margin-left: 25%;">確定</a> <a class="easyui-linkbutton"
id="btnOK" onclick="UpdateCancel()" style="padding-left: 40px;">取消</a> <br />
<br /> <br />
</div>
</div>
<div id="menu" class="easyui-menu" style="width: 100px; display: none;">
<div data-options="iconCls:'icon-add'" id="rightAdd">添加</div>
<div data-options="iconCls:'icon-edit'" id="rightEdit">編輯</div>
</div>
</body>
</html>
</@layout>
[html] view plain copy print?
<#macro layout>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<base href="${contextPath}/"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<#nested>
</html>
</#macro> 前臺表格代碼
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章