开发工具与关键技术:MVC
作者:文泽钦
撰写时间:2019年 7 月 15 日
我们在做之前先分析一下思路,比如我们需要怎样才能信息放到session里,在放信息前是不是要先把这些数据全部查询出来?这里是不是先要做一个表单存放所有查询出来的数据?那么我们就做了一个A表单,这个A表单存放的信息是一会要存放到session里的;说到存放的session里是不是也要给它一个新的B表单来存放信息?可以看看下图我已经把A表单与B表单标记出来了。
把A表单里的信息都查询出来后,就在A表格初始化后面写一个监听事件,因为一会选择某一条数据是需要用上。表格初始化和查询方法就不再这里展示了,下面是A表单的监听事件。
//商品浏览监听事件
layuiTable.on('row(tabCommodity)', function (obj) {
//注:edit是固定事件名,test是table原始容器的属性 lay-filter="对应的值"
//console.log(obj); //所在行的所有相关数据
//标注选中行样式
obj.tr.addClass("layui-table-click").siblings().removeClass("layui-table-click");
//选中行,勾选复选框
obj.tr.find("div.layui-unselect.layui-form-checkbox")[0].click();});
给了监听事件后,写一个点击事件,这里的点击事件是选择商品,现在就要用获取选中行数据,获取A表的选中值,这里要是不确定是否能获取到A表中的选中行,可以通过控制台输出看看有没有获取到值,或者获取到了那些值。
现在可以获取到选中值了,那么就开始写提交方法,提交是在点击选择商品的时候就把上图data所获取到的值,这里也要获取A表的选中行,同样可以在控制台输出selectData,是否有值,或者输出一些怎样的值,然后把selectData这个值传到控制器,然后保存到session。
//选择商品
function Options() {
var checkStatus = layuiTable.checkStatus('tabCommodity'); //获取选中值
var selectData = checkStatus.data;
//console.log(selectData);
if (checkStatus.data.length == 0) {
layer.alert("请选择需要选中的商品!", { icon: 5, offset: '150px' });
return false;
} else {
var layIndex = layer.load();//打开加载层
$.post("/EverydayAffair/ForegroundSales/IsOptions", { commodity: selectData}, function (data) {
if (data != "") {
//关闭模态框
$("#modUpCommodity").modal("hide");
//刷新表格
tabStock = layuiTable.reload('tabStock',{
url:"Commoditylistselect"
});
}
layer.close(layIndex);//关闭加载层
});
}
}
现在开始写保存到session的控制器,CommodityVo是查询A表时里面的实体类,这个实体类装的值就是,刚刚在控制台输出的字段,这个实体类在这里的意思是继承A表查询出来的全部数据,commodity这个是页面上传过来的条件,意思是保存的条件保存session里的数据,需要与页面上传过来的保存一致。
public ActionResult IsOptions(List<CommodityVo> commodity)
{
ReturnJsonVo returnJson = new ReturnJsonVo();
//把session中的ImportExcel移除避免残留以前数据
//Session.Remove("IsOptions");
List<CommodityVo> listCommodityVo = new List<CommodityVo>();
CommodityVo listcommodity = new CommodityVo();
try
{
foreach (var item in commodity)
{
if (Session["IsOptions"] != null)
{
listCommodityVo = Session["IsOptions"] as List<CommodityVo>;
}
listCommodityVo.Add(item);
Session["IsOptions"] = listCommodityVo;
}
}
catch (Exception e)
{
Console.WriteLine(e);
returnJson.State = false;
returnJson.Text = "数据处理出错";
}
return Json(returnJson, JsonRequestBehavior.AllowGet);
}
那么查询出的数据保存到session的方法已经完成了,因为还没写B表的查询方法,所以点击提取商品后的效果是这样的。