您的位置：首页 > 其它

20160108--搜索查询

2016-01-08 21:15 274 查看 
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>职位列表</title>
<%
//从session获取
String qyid = "1";

%>

<script type="text/javascript" src="js/jquery-easyui-1.4.4/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"  href="js/jquery-easyui-1.4.4/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"  href="js/jquery-easyui-1.4.4/themes/icon.css">
<script type="text/javascript" src="js/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>

<script type="text/javascript" src="js/jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>

<script >

$(function()
{

$("#mydg").datagrid({
fit:true,
title:'职位列表',
collapsible:true,
width:500,
url:'ZhiWeiList?qyid=<%=qyid%>',
fitColumns:true,
striped:true,
idField:'id',
pagination:true,
rownumbers:true,
pageList:[5,10,50],
pageSize:5,
sortName:'id',
sortOrder:'desc',
multiSort:true,
remoteSort:false,
frozenColumns:[[
{field:'',checkbox:true},
{field:'id',width:80,title:'ID'}]],
columns:[[
{field:'zhcid',sortable:true, width:80,title:'企业ID'},
{field:'zhiw',sortable:true, width:80,title:'职位名称'},
{field:'leib',width:180,title:'职位类别'}
]],
toolbar: [{
text:'增加职位',
iconCls: 'icon-add',
handler: function(){

$("#addform").form('reset');

//清理id
$("#id").val(null);

$("#add").dialog({
title:'增加职位'
});

$("#add").dialog('open');

}
},'-',{
text:'编辑职位',
iconCls: 'icon-edit',
handler: function(){

var s = $("#mydg").datagrid('getSelected');

if(s != null)
{
//编辑数据

$("#addform").form('reset');

$("#add").dialog({
title:'编辑职位'
});

//绑定数据
$("#addform").form('load', s);

$("#add").dialog('open');

}
else
{
alert('请选择一条数据');
}

}
},'-',{
text:'删除职位',
iconCls: 'icon-remove',
handler: function(){

var s = $("#mydg").datagrid('getSelections');

if(s.length > 0)
{

$.messager.confirm('确认对话框', '您确实要删除吗？', function(r){

if (r){

var ids = '';

for (var i = 0; i < s.length; i++)
{

ids += s[i].id;

if (i != (s.length - 1))
{
ids += ',';
}
}

//alert('ids = ' + ids);

$.get("DeleteZhiWei?ids=" + ids,function(data,status){

// alert("Data: " + data + "\nStatus: " + status);

var mes = eval('(' + data + ')');

$.messager.show({title:'提交信息', msg:mes.message});

$("#mydg").datagrid('reload');

//清除选择项
$("#mydg").datagrid('clearSelections');

});

}
});

}
else
{
alert('请选择一条数据');
}

}
}]

});

$("#addform").form({
novalidate:false,
url:'ZhiWeiSubmit',
onSubmit:function()
{

var isValid = $(this).form('validate');

if (!isValid)
{
$.messager.show({title:'表单验证', msg:'验证未通过'});
}

return isValid;
},success:function(data){

var mes = eval('(' + data + ')');

$.messager.show({title:'提交信息', msg:mes.message});

if (mes.success)
{
$("#add").dialog('close');

$("#mydg").datagrid('reload');
}
else
{

}
}
})

$("#subbutton").click(function(){

$("#addform").form('submit');

});

/*
$("#searchbutton").click(function(){

var f = {};

var fields = $("#searchform").serializeArray();

jQuery.each( fields, function(i, field){

f[field.name] = field.value;
});

$('#mydg').datagrid('load',f);

});

*/

//清空
$("#clearbutton").click(function(){

$("#searchform").form('clear');

$('#mydg').datagrid('load',{});

}
);

//提交查询

$("#searchbutton").click(function(){

//把form转成JSON
var f = {};//JSON字符串

var fields = $("#searchform").serializeArray();//把form序列化成数组

jQuery.each( fields, function(i, field){

f[field.name] = field.value;

});

$('#mydg').datagrid('load',{
id: $("#id").val(),
zhiw: $("#zhiw").val()
});

});
})
</script>
</head>
<body>

<div id="cc" class="easyui-layout" style="width:600px;height:400px;">
<div data-options="region:'north',title:'查询条件',split:true" style="height:100px;">

<form id="searchform" method="post" >

职位ID:<input id=id name=id class="easyui-numberbox" style="width:60px">
职位名称:<input id=zhiw name=zhiw class="easyui-textbox" style="width:100px">

<input name="qyid" type="hidden" value="<%=qyid%>" />

<a id="searchbutton" class="easyui-linkbutton" style="width:80px" >查询</a>

<a id="clearbutton" class="easyui-linkbutton" style="width:80px" >清空</a>
</form>
</div>

<div data-options="region:'center'" style="background:#eee;">

<table id="mydg"></table>
</div>

<div id="add" class="easyui-dialog" data-options="closed:true" title="增加地区" style="width:300px;">

<form id="addform" method="post" >

<table >
<tr>
<td>职位名称：</td>
<td><input id="zhiw"  name="zhiw" class="easyui-textbox" data-options="required:true,
validType:'length[2,10]',missingMessage:'这是职位名称，为必填项'" width="30" ></td>
</tr>
<tr>
<td>职位类别：</td>
<td><input id="leib"  name="leib" class="easyui-textbox" data-options="required:true,
validType:'length[2,25]'" width="30" ></td>
</tr>

<input name="qyid" type="hidden" value="<%=qyid%>" />
<input id="id" name="id" type="hidden" value="" />

<tr>
<td colspan=2 align="center">

<a id="subbutton" class="easyui-linkbutton" style="width:80px" >提交</a>
</td>
</tr>
</table>

</form>

</div>

</body>
</html>


zhiwei.jsp
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航