点击查询病人按钮,在表格展示病人信息。可以通过弹出模态框的方式将查询的数据展现于表格。
既然需要表格,那就渲染表格,查询出病人基本信息,之后弹出模态框:$("#modPayedFinish").modal(“show”);
Page对表格数据进行分页,limit:5,指每页条数,limits:[5, 10, 15, 20, 25, 30,
35,40, 45, 50],每页条数的选项。Elem:元素,在这里指表格id,url是控制器查询数据的路径,cols表头值。表格可以设置各种css属性,例如宽高、文字水平居中、垂直居中等,edict:Text,设置可编辑单元格。
表格中自定义“操作”列,记录是否结算。
function setOperate(data) {
//console.log(data);
var payed = data.payed;//是否结算
var patientId = data.PatientID;//用户类型id
var btns = "";
if (payed) {
btns += '<button
type=“button” class=“layui-btn layui-btn-warm layui-btn-xs”
οnclick=switchEnable(’ + patientId + ‘,false)>已结’;
} else {
btns += '<button
type=“button” class=“layui-btn layui-btn-xs
layui-btn-normal” οnclick=switchEnable(’ + patientId + ‘,true)>未结’;
}
btns += '<button
type=“button” class=“layui-btn layui-btn-xs”
οnclick=showView(’ + patientId + ‘)>确定’;
return btns;
}
控制器查询:
public ActionResult selectPayedPateint(LayuiTablePage layuiTablePage)
{
var linqCount = from tbPatient in
myModels.B_Patient
orderby
tbPatient.PatientID
select tbPatient;
var totalRow = linqCount.Count();
//分页
List<B_Patient> listAll =
linqCount
.Skip(layuiTablePage.GetStartIndex())
.Take(layuiTablePage.limit)
.ToList();
LayuiTableData<B_Patient>
layuiTableData = new LayuiTableData<B_Patient>()
{
count = totalRow,
data = listAll
};
return Json(layuiTableData,
JsonRequestBehavior.AllowGet);
}
效果: