下拉框数据绑定的封装

作者：吱韩菌
开发工具：Visual Studio 2015
撰写时间：2019-6-14

今天我们要做的是将下拉框数据绑定进行封装，下面要做的是将已经查询出来的下拉框进行封装、调用。
首先需要写好一个form表单，其次需要查询出数据再绑定在下拉框中。下面form表单中需要查询的数据有“航空公司”和“航班号”，下面控制器FlightNumber中查询的是FlightID航班ID和FlightNumber航班号。UserCK是自定义的类，自定义的是id和text。FlitNber=Common.Chara.SetSelectJson(FlitNber)这段的作用是给option标签中拼接“—请选择—”字段，方便调用，也可以在select标签中添加”< option value=“0”>—请选择—< /option>“。



下面js部分是给两个下拉框绑定的数据，因为这两个下拉框实现的功能基本一致，所以可以进行封装，简单理解的话就是通过封装好的字段cFlight进行调用，（selectId，Url）中selectId表示选择框中的Id，Url表示连接查询字段控制器的路径，下面方法的调用就是根据cFlight（selectId，Url）一一对应使用。下面封装的方法当中有一个if判断，selectId.indexOf(’#’) != 0它所起的作用是判断传过来的selectId是否带“#”，如果没有，selectId = ‘#’ + selectId; 这段代码的作用就是给它拼接一个“#”。



最后需要说的是，封装好的function可以放进自定义的js中调用，使用的时候只需要引入自定义的js即可，这样做的好处是在其他页面也可以调用，减少了代码量，从而不影响功能。