三级联动
2021/8/26 23:08:15
本文主要是介绍三级联动,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在数据访问中查询表中的Id来进行返回到显示获取Id
public List<Birthplace> BindList(int id) { try { return db.Birthplaces.Where(a => a.Code == id).ToList(); } catch (Exception) { throw; } }
在业务逻辑层调用数据访问层传过来的数据
public List<Birthplace> BindList(int id) { try { return dal.BindList(id); } catch (Exception) { throw; } }
在控制器中接收业务逻辑层传过来的数据
public ActionResult BindList(int id) { try { return Json(bll.BindList(id),JsonRequestBehavior.AllowGet); } catch (Exception) { throw; } }
在试图中接收控制器返回的Json值
let app = new Vue({ el: "#app", data() { return { FromData: { Job: "", Ename: "", Sex: true, Tid: "0", Salesman: "", PhoneTel: "", Email: "", Plane: "", Province: "0", City: "", County: "", Birthday: "", Remark: "" }, Bumen: [], BidA: [], BidB: [], BidC:[] } }, methods: { BindSelect() { axios.get('/Employee/BindSelect').then(res => { this.Bumen = res.data; this.Bumen.unshift({ "DId": "0", "DName": "请选择" }); }) }, //省 BindList() { axios.get('/Employee/BindList?id=' + 0).then(res => { this.BidA = res.data; this.BidA.unshift({ "Bid": "0", "Bname": "请选择" }); }) }, //市 BindListA() { this.BidB = []; this.BidC = []; var id = this.FromData.Province; axios.get('/Employee/BindList?id=' + id).then(res => { this.BidB = res.data; this.BidB.unshift({ "Bid": "0", "Bname": "请选择" }); this.FromData.City = this.BidB[0].Bid; }) }, //县 BindListB() { this.BidC = []; var id = this.FromData.City; axios.get('/Employee/BindList?id=' + id).then(res => { this.BidC = res.data; this.BidC.unshift({ "Bid": "0", "Bname": "请选择" }); this.FromData.County = this.BidC[0].Bid; }) }, Add() { axios.post('/Employee/SubAdd', this.FromData).then(res => { if (res.data > 0) { alert('添加成功'); location.href = '/Employee/Show'; } else { alert('添加失败'); } }) }, Show() { location.href = '/Employee/Show'; } }, created: function () { this.BindSelect(); this.BindList(); } })
在表单中添加Id
<td colspan="3"> 省 <select v-model="FromData.Province" v-on:change="BindListA"> <option v-for="(item,index) in BidA" :value="item.Bid">{{item.Bname}}</option> </select> 市 <select v-model="FromData.City" v-on:change="BindListB"> <option v-for="(item,index) in BidB" :value="item.Bid">{{item.Bname}}</option> </select> 县 <select v-model="FromData.County"> <option v-for="(item,index) in BidC" :value="item.Bid">{{item.Bname}}</option> </select> </td>
这篇关于三级联动的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)
- 2024-05-31全网首发!软考2024年5月《软件设计师》真题+解析+答案!(21-30题)