部门表单js:
$(function(){
//定义渲染列表时的条件
var request_condition={};
//是否要初始化分页插件
var flag=true;
//名称地址下拉
console.log(4444)
$('.search-bar .dropdown-menu a').click(function() {
var field = $(this).data('field') || '';//title cat_name ; $(this)--->a
$('#search-field').val(field);
$('#search-btn').html($(this).text() + ' <span class="caret"></span>');
});
//监听某个键盘按下的事件 13代表回车键
$('#search-input').keydown(function (e){
// console.log("按下的键对应的ascii码为:"+e.keyCode)
//过滤查询,可能会使分页信息变化,所以初始化分页插件
flag=true;
request_condition.pageNum=1;
if (e.keyCode===13){
var type=$('#search-field').val()
console.log("type为:"+type)
var keyword = $('#search-input').val();
if ('name'===type){
request_condition.name=keyword;
request_condition.address=null;
getList(request_condition);
}else {
request_condition.address=keyword;
request_condition.name=null;
getList(request_condition);
}
}
})
//状态筛选
$('#status-switch').change(function (){
console.log('状态筛选switch出发')
console.log('当前Switch状态:'+ $('#status-switch').is(':checked'));
//筛选状态,重新渲染列表之前,让分页插件具备可以再次初始化的能力,即flag=true
flag=true;
request_condition.current=1;
if ( $('#status-switch').is(':checked')){
request_condition.status=1;
getList(request_condition)
}else {
request_condition.status=null;
getList(request_condition)
}
})
//初始化列表
getList(request_condition);
//获取部门列表 function getList(data)
function getList(data) {
//将用户输入的数据传给后台做校验, jquery发送ajax请求
$.ajax({
//url:请求路径
url:'/department/getList',
//type:http的方法,get。post
type: 'POST',
//是否开启同步,catch:缓存
async: false,
cache: false,
//接收的数据类型,datatype 是对ajax的回调函数(success:...)所接收的数据的一种规范
datatype: 'json',
//发送的数据类型: 是ajax对这个url发送请求的时候所携带的数据的一种约束
contentType: 'application/json;charset=utf-8',
data:JSON.stringify(data),// data:JSON.stringify(data),
success:function (data){
if (data.success){
console.log("部门列表回调函数调用了------")
console.log(data.data+":data.data")
if (flag){
//初始化分页插件
getPageInfo(data.page);
flag=false;
}
//如果成功,肯定能得到列表数据,所以接下来进行动态渲染
handleList(data.data);
}else{
//TODO: 提醒
lightyear.notify(data.errMsg, 'danger', 1000, 'mdi mdi-emoticon-sad', 'top', 'center');
}
}
})
}
//对列表数据进行渲染
function handleList(data){
console.log(data);
var i=1;
var html = '';
//前端遍历data item:对象 index:列表中的元素唯一
data.map(function (item,index){
html +=
'<tr>'
+'<td>'+(i++)+'</td>'
+ '<td>'+item.name+'</td>'
+ '<td data-toggle="tooltip" title='+item.address+'>'+item.address+'</td>'
+ departmentStuts(item.status)
+ ' <td>'
+ '<div class="btn-group">'
+ '<a class="btn btn-xs btn-default" href="/department/goDepartmentEdit?edit=true&depId='+(item.depId)+'" title="编辑" data-toggle="tooltip"> <i class="mdi mdi-pencil"></i></a>'
+ '<a class="btn btn-xs btn-default" href="/department/goDepartment?depId='+(item.depId)+'" title="查看" data-toggle="tooltip"> <i class="mdi mdi-eye"></i></a>'
+ updateDepartmentStatus(item.depId,item.status)
+ '</div>'
+ '</td>'
+'</tr>'
})
//血染页面;通过jQuery的类选择器,定位dom节点
$('.department-wrap').html(html);
}
// '<td><font class="text-success">正常</font></td>'
//部门状态文字化处理 前端里面三个===,代表既比类型又比值 ,两个==,比值
function departmentStuts(status){
if (status === 1){
return '<td><font class="text-success">有效</font></td>';
}
return '<td><font class="text-danger">失效</font></td>';
}
//修改状态图标处理----通过点击事件,调用ajax请求
function updateDepartmentStatus(depId,status){
if (status===1){
return '<a class="btn btn-xs btn-default department-status-btn" href="#!" title="修改状态" data-id='+depId+' data-status='+status+' data-toggle=&#