<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>火车票筛选</title>
<meta charset="utf-8" />
<script src="/ThirdParty/jquery/1.11.0/jquery.min.js"></script>
<link href="/ThirdParty/DataTables/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet" />
<script src="/ThirdParty/DataTables/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="/ThirdParty/xdate/xdate.js"></script>
<link rel="stylesheet" type="text/css" href="/ThirdParty/easyui/1.5/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/ThirdParty/easyui/1.5/themes/icon.css">
<script src="ThirdParty/easyui/1.5/jquery.easyui.min.js" type="text/javascript"></script>
<script src="ThirdParty/easyui/1.5/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>搜索</legend>
<form method="post" id='ff'>
<div class="layui-inline">
出发站:
<input type="type" id="chufa" name="chufa" value="" class="layui-input" />
到站:
<input type="type" id="daoda" name="daoda" value="" class="layui-input" />
日期:
<input id="riqi" name="riqi" type="text" class="easyui-datebox" required="required" placeholder="出发日期">
<button type="button" id="btnSeach">
查询</button>
</div>
</form>
</fieldset>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>
车号
</th>
<th>
起点站
</th>
<th>
终点站
</th>
<th>
出发站
</th>
<th>
到站
</th>
<th>
出发时间
</th>
<th>
下车时间
</th>
<th>
车型
</th>
<th>
历时
</th>
<th>
能否网页购买
</th>
<th>
一等座
</th>
<th>
二等座
</th>
<th>
无座
</th>
</tr>
</thead>
</table>
</body>
</html>
<script>
var stations;
$(document).ready(function () {
$('#chufa').combobox({
url: '/station.json', method: 'get',
//data: rps,
valueField: 'Code',
textField: 'NameCN',
filter: function (q, row) {
var opts = $(this).combobox('options');
return row[opts.textField].indexOf(q) > -1 || row.NameE.indexOf(q) > -1;
}
});
$('#daoda').combobox({
url: 'station.json', method: 'get',
//data:rps,
valueField: 'Code',
textField: 'NameCN',
filter: function (q, row) {
var opts = $(this).combobox('options');
return row[opts.textField].indexOf(q) > -1 || row.NameE.indexOf(q) > -1;
}
});
//获取所有站名
//$.getJSON("/station.ashx", function (rps) {
// stations = rps;
//});
/*
$.getJSON("/Handler1.ashx", function (rps) {
//console.log(rps);
SetData(rps.data);
});
*/
initDataTable();
$('#btnSeach').click(function () {
/*
$.post("/Handler1.ashx", $("form").serializeArray(), function (rps) {
console.log(rps);
SetData(rps);
}); */
});
});
function initDataTable() {
$('#example').DataTable({
"ajax": "/Handler1.ashx",
serverSide: true,
dataSrc: 'data',
//"data": data,
"columns": [
{ "data": "queryLeftNewDTO.station_train_code" }, //
{"data": "queryLeftNewDTO.start_station_name" },
{ "data": "queryLeftNewDTO.end_station_name" },
{ "data": "queryLeftNewDTO.from_station_name" },
{ "data": "queryLeftNewDTO.to_station_name" },
{ "data": "queryLeftNewDTO.start_time" },
{ "data": "queryLeftNewDTO.arrive_time" },
{ "data": "queryLeftNewDTO.train_class_name" }, //类型 动车
{"data": "queryLeftNewDTO.lishi" }, //历时
{"data": "queryLeftNewDTO.canWebBuy" }, //能否网页购买
{"data": "queryLeftNewDTO.zy_num" }, //一等座
{"data": "queryLeftNewDTO.ze_num" }, //二等座
{"data": "queryLeftNewDTO.wz_num" }, //无座 "wz_num": "有",
],
"oLanguage": {
"sProcessing": "正在加载中......",
"sLengthMenu": "每页显示 _MENU_ 条记录",
"sZeroRecords": "对不起,查询不到相关数据!",
"sEmptyTable": "表中无数据存在!",
"sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
"sInfoFiltered": "数据表中共为 _MAX_ 条记录",
"sSearch": "搜索",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "上一页",
"sNext": "下一页",
"sLast": "末页"
}
} //多语言配置
});
}
function SetData(data) {
var table = $('#example').DataTable({ data: data ,
"serverSide": true,
"ajax": "../server_side/scripts/server_processing.php"
});
//table.data = data;
}
</script>
沐知全栈开发
- 粉丝: 5816
- 资源: 5227
最新资源
- 绿色便携版Python打包版
- Ngrok内网穿透启动隧道工具
- 异步电机matlab仿真模型
- BMS电池管理控制器,开发板资料 电池管理系统策略开发,应用层软件,开发流程开发
- 基于Transformer的各种变体已经是时间序列以及多元时间序列的一大热点,自注意力机制以及多头自注意力机制本团队已经可以基于matlab平台实现
- 基于自适应在线学习的概率负荷预测(代码)
- 出基于滑模的永磁直线同步电机的鲁棒H无穷控制Matlab程序,对于学习SMC和H无穷的结合可以很好参考
- COMSOL 孔隙尺度渗流模拟,单相及多相渗流模拟,案例复现,水平集(LS)和相场(PF)实现两相流模拟,水驱油,水驱气,二氧化碳驱油等模拟
- 可三相LCL型并网逆变器仿真模型,LCL滤波器,电容电流反馈有源阻尼方法 只采用网侧电流环控制方法时,由于系统的固有谐振峰的存在,以及数字控制延时的影响,通常延时时间 Td=1.5Ts(Ts
- 联电SOA软件平台:基于MATLAB/Simulink加速汽车软件开发生态建设与实现
- 柴油发电机仿真 Matlab Simulink 柴油发电机matlab仿真 微电网仿真 柴油发电仿真 风光柴储微电网 光伏发电 柴油发电 风力发电 储能电池 光柴储微电网 风柴储微电网 风机光伏柴油
- IEEE Access模板
- V2G 充电桩,新能源汽车车载充电机, MATLAB仿真模型 ,PFC+CLLC拓扑; 1. V2G,AC DC,DC DC双向充放电; 2. 前级,双向AC DC单相整流器(PWM),输入AC
- ARM发布Armv9.5架构:迈向更强性能与灵活性的新时代
- 汽车行业面向服务架构(SOA)下传统应用向软件定义汽车(SDV)的迁移方案及挑战
- 西门子1200恒压供水程序+PID+触摸屏 此程序样 例为 一拖三恒压供水程序样,S7-1200PLC和KTP1000PN触摸屏 人机执行PID控制变频器实现恒压供水. 供学习参考,用15
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈