@{Layout = null;
var disabledType = DropDownListExtensions.SelectListBool("启用", "禁用").AppendAll().Serialize();
var dateType = typeof(WKQuan.DateFilterType).ToSelectList(ToType.Int).AppendAll().Serialize();
}
@model WKQuan.Logic.Common.PermissionManagement.GetListParameter
@using WKQuan
@using WKQuan.Web
@using WKQuan.Logic.Common.PermissionManagement
<!DOCTYPE html>
<html>
<head>
<title>威客圈后台管理</title>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/themes/metro/easyui.css")">
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/themes/icon.css")">
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Css/common.css")">
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.easyui.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/easyui-lang-zh_CN.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/common.js")"></script>
<script type="text/javascript">
$(function () {
$('#DateType').combobox({
onSelect: function (rec) {
if (rec.Value == "7") {
$("#spanDateType").parent().width(500);
$("#spanDateType").show();
} else {
$("#spanDateType").hide();
$("#spanDateType").parent().width(220);
}
}
});
$('#IsEnabled').combobox({
valueField: 'Value', textField: 'Text', panelHeight: 'auto', data: @Html.Raw(disabledType)
});
$('#DateType').combobox({
valueField: 'Value', textField: 'Text', panelHeight: 'auto', data: @Html.Raw(dateType)
});
});
function onEdit() {
var row = $('#dg').datagrid('getSelected');
if (row) {
openWindow('@Url.Action("EditLevel1")/'+row.ID,'编辑一级权限',300,450)
}else{
$.messager.alert('提示','请选择数据');
}
}
//查询
function searchList() {
$('#dg').datagrid({queryParams:{
DateType: $('#DateType').combobox('getValue'),
beginDate: $("#BeginDate").datebox('getValue'),
endDate: $("#EndDate").datebox('getValue'),
PermissionName: $("#PermissionName").val(),
IsEnabled: $('#IsEnabled').combobox('getValue')
}});
}
//单击行事件
function onClickRow(index, field) {
$("#edit").linkbutton('enable');
$("#permissionEnable").linkbutton('enable');
$("#permissionDisabled").linkbutton('enable');
$("#perdelete").linkbutton('enable');
}
//刷新datagrid后禁用按钮
function disbledLinkButtons(data){
if (data.StatusCode == "301") {//登录
location = data.ForwardUrl;
return;
} else {
$("#edit").linkbutton({'disabled':true});
$("#permissionEnable").linkbutton({'disabled':true});
$("#permissionDisabled").linkbutton({'disabled':true});
$("#perdelete").linkbutton({'disabled':true});
return data;
}
}
//删除
function perDelete(){
var row = $('#dg').datagrid('getSelected');
if (row) {
var message ="确定删除["+row.PermissionName+"]";
$.messager.confirm('确认',message, function (r) {
if (r) {
$.post('@Url.Action("PerDelete")', { id: row.ID}, function (result) {
if (result.StatusCode == "301"/*登录*/||result.StatusCode == "300"/*逻辑异常*/) {
location = result.ForwardUrl;
return;
}
if (result.StatusCode=="200") {
$.messager.show({
title: '提示',
msg: result.Message,
style:{
right:'',
top:document.body.scrollTop+document.documentElement.scrollTop,
bottom:''
}
});
$('#dg').datagrid('reload');
} else {
$.messager.show({ // show error message
title: 'Error',
msg: result.message
});
}
}, 'json');
}
});
}
}
//启用 禁用
function perDisabled(flag){
var row = $('#dg').datagrid('getSelected');
if (row) {
var message = "";
if(flag==1){
message="确定启用["+row.PermissionName+"]";
}else{
message="确定禁用["+row.PermissionName+"]";
}
$.messager.confirm('确认',message, function (r) {
if (r) {
$.post('@Url.Action("PerDisabled")', { id: row.ID,flag:flag }, function (result) {
if (result.StatusCode == "301"/*登录*/||result.StatusCode == "300"/*逻辑异常*/) {
location = result.ForwardUrl;
return;
}
if (result.StatusCode=="200") {
$.messager.show({
title: '提示',
msg: result.Message,
style:{
right:'',
top:document.body.scrollTop+document.documentElement.scrollTop,
bottom:''
}
});
$('#dg').datagrid('reload');
} else {
$.messager.show({ // show error message
title: 'Error',
msg: result.message
});
}
}, 'json');
}
});
}
}
function perSort(){
$.messager.confirm('确认',"确认提交？", function (r) {
if (r) {
var rows = $('#dg').datagrid('getRows');
var parameters="";
for(var i=0;i<rows.length;i++){
parameters+="&IDS="+rows[i].ID;
parameters+="&Sorts="+rows[i].Sort;
}
parameters = parameters.substr(1,parameters.length-1);
$.post('@Url.Action("EditSort")', parameters, function (result) {
if (result.StatusCode == "301"/*登录*/||result.StatusCode == "300"/*逻辑异常*/) {
location = result.ForwardUrl;
return;
}
if (result.StatusCode=="200") {
$.messager.show({
title: '提示',
msg: result.Message,
style:{
right:'',
top:document.body.scrollTop+document.documentElement.scrollTop,
bottom:''
}
});
$('#dg').datagrid('reload');
} else {
$.messager.show({ // show error message
title: 'Error',
msg: result.message
});
}
}, 'json');
}
});
}
//格式化级别
function formatPermissionLevel(value,row,index) {
switch(value){
case 1:
return "@PermissionLevel.一级";
case 2:
return "@PermissionLevel.二级";
case 3:
return "@PermissionLevel.三级";
case 4:
return "@PermissionLevel.四级";
}
}
//格式化IsDisabled
function formatIsEnabled(value,row,index) {
if(value==true){
return "启用";
}else{
return "禁用";
}
}
</script>
<script type="text/javascript">
/*编辑列*/
$.extend($.fn.datagrid.methods, {
editCell: function (jq, param) {
return jq.each(function () {
var opts = $(this).datagrid('options');
var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields'));
for (var i = 0; i < fields.length; i++) {
var col = $(this).datagrid('getColumnOption', fields[i]);
col.editor1 = col.editor;
if (fields[i] != param.field) {
col.editor = null;
}
}
$(this).datagrid('beginEdit', param.index);
for (var i = 0; i < fields.length; i++) {
var col = $(this).datagrid('getColumnOption', fields[i]);
col.editor = col.editor1;
}
});
}
});
var editIndex = undefined;
function endEditing() {
if (editIndex == undefined) { return true }
if ($('#dg').datagrid('validateRow', editIndex)) {
$('#dg').datagrid('endEdit', editIndex);
editIndex = undefined;
return true;
} else {
return false;
}
}
function onClickCell(index, field) {
if (endEditing()) {
$('#dg').datagrid('selectRow', index)
.datagrid('editCell', { index: index, field: field });
editIndex = index;
}
}
</script>
</head>
<body>
<table id="dg" title="" class="easyui-datagrid" data-options="fit:true,border:false,onClickRow:onClickRow,onClickCell:onClickCell,loadFilter:disbledLinkButtons" url="@Url.Action("Level1MData")" toolbar="#toolbar" pagination="true" rownumbers="true" fitcolumns="true" sortName="CreateTime" sortOrder="asc"
singleselect="true">
<thead>
<tr>
<th field="ID" sortable="true" width="0" hidden="true">
</th>
<th field="Sort" sortable="true" width="5%" editor="{type:'numberbox',options:{precision:0}}">
排序
</th>
<th field="PermissionName" sortable="true" width="20%" >
名称
</th>
<th field="PermissionLevel" sortable="true" width="20%" formatter="formatPermissionLevel">
级别
</th>
<th field="IsEnabled" sortable="true" width="20%" formatter="formatIsEnabled">
启用
</th>
<th field="CreateTime" sortable="true" width="15%" formatter="formatToyyyyMMdd">
创建日期
</th>
</tr>
</thead>
</table>
<div id="toolbar">
<div id="tb" class="search" style="border-bottom: 1px solid #dddddd;">
<ul>
<li>名称：
@Html.TextBoxFor(m => m.PermissionName, new { @class = "easyui-textbox" })
</li>
<li>启用：
@Html.TextBoxFor(m => m.IsEnabled, new { @class = "easyui-combobox" })
</li>
<li>时间：
@Html.TextBoxFor(m => m.DateType, new { @class = "easyui-combobox" })
<span id="spanDateType" style="display: none">
@Html.TextBoxFor(m => m.BeginDate, new { style = "width:110px", @class = "easyui-datebox" })
To @Html.TextBoxFor(m => m.EndDate, new { style = "width:110px", @class = "easyui-datebox" })
</span></li>
<li><a href="#" class="easyui-linkbutton" iconcls="icon-search" onclick="searchList()">
查询</a></li>
</ul>
</div>
<div>
<a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-save" id="persort"
plain="true" onclick="perSort()">排序</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-add" plain="true"
onclick="openWindow('@Url.Action("CreateLevel1")','新增一级权限',300,450)" >新增</a><a href="javascript:void(0)"
id="edit" class="easyui-linkbutton" iconcls="icon-edit" plain="true" onclick="onEdit()"
data-options="disabled:true">编辑</a> <a href="javascript:void(0)" class="easyui-linkbutton"
iconcls="icon-remove" id="permissionEnable" plain="true" data-options="disabled:true"
onclick="perDisabled(1)">启用</a><a href="javascript:void(0)" class="easyui-linkbutton"
iconcls="icon-remove" id="permissionDisabled" plain="true" data-options="disabled:true"
onclick="perDisabled(0)"> 禁用</a><a href="javascript:void(0)" class="easyui-linkbutton"
iconcls="icon-remove" id="perdelete" plain="true" data-options="disabled:true"
onclick="perDelete()"> 删除</a>
</div>
</div>
</body>
</html>
浙公网安备 33010602011771号