绑定下拉框

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:VS   MVC

作者:袁志彤

撰写时间:2019-05-03

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

单个下拉框的绑定很简单,但多个下拉框绑定就不是那么容易了,现在就让我们来看一下多个下拉框绑定的步骤吧!

首先,把页面布局好之后,就要写查询方法了,因为是多个下拉框的绑定,所以就需要写多个绑定的方法。

这只是一个下拉框的查询方法,然后在视图写绑定的方法

这样一个下拉框就绑定成功了,接下来就是第二个了,并且要让它和第一个下拉框有联系,所以接下来的查询是两个表的查询,也就是多表查询,还需要传参数进去

因为要和第一个下拉框有联系,所以视图的绑定方法又不一样

所谓的联系就是第一个下拉框选中某一条数据我第二个下拉框才有数据,所以是第一个下拉框的change改变事件,值得注意的是,视图这边var定义的变量名要和控制器那边传递的参数名相同,我一开始就是卡在这,并且url链接也不同,需要把var定义的变量拼接在控制器方法名的后面,拼接我就不多讲。

当第一个下拉框没有选择数据的时候,第二个也没有数据,只有第一个下拉框选中了数据,第二个才会出现数据

接下来的第三个下拉框的绑定也是这样,不过视图的方法就是写在第二个下拉框的change改变事件里面了。

还是一样多表查询并且传递参数

你会发现视图的方法重复的代码很多,我们可以把重复的代码用一个函数封装起来,这样下次要用时就不用再去写那么多的代码,只要调用这个方法就可以了,封装方法就是把两段代码不同的地方用参数代替就行了

调用的时候只需要给参数就可以了,注释的部分是原先的代码,跟注释的对比下是不是缩减了很多的代码呢?而且以后再用到下拉框的绑定只需要调用这个方法就可以了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值