表单改变事件

开发工具与关键技术：MVC

作者：文泽钦

撰写时间：2019年7 月 25 日

 

表单改变事件一般用在统计数据数据的时候用上，什么是表单改变事件呢，就是一个表单中的某一个表头行需要根据统计条件改变时进行改变。

  

一会我们就把小票号这一个表头改成按品牌，类别统计等操作。

那么我们先获取到用户点击【按品牌统计】这个按钮对应的值，那么我已经在input标签上已经给了一个value值为1，其他的条件就为2一直类推，lay-filter可以理解为id。那么当用户点击时就要获取到这个value值。

//获取查询方式

             form.on('radio(AAA)', function () {

                    radioValue = $(this).val();

                    console.log(radioValue);

                    form.render();//更新全部

                });

可以通过控制台输出，测试一下是否获取到对应的value值，这个value值是根据你个的input标签的数字对应，那么就证明已经获取到这个value值了。

那么我们同样写一个方法，我是把这个方法放到包裹查询条件最外层那个div里，input标签改变，触发表头改变，当然你也可以写一个按钮来触发改变事件。有多少个统计方法就写多少次表单改变事件，每一个表单改变事件基本都是一样的，唯有后面的text不一样，这个text就是我们需要改变的表头文字。我们根据判断用户选择到那个value值去把表头改成对应的表头，那个请求符号里的请求id就是表单id，表单id我已经是在上面标记出来了，后面那个data-field我也是在上面标记出来了，需要修改哪一行就把哪一行的field后面的命名放到下面那个请求方法后面，他就会找到这张表，找到这个对应的表头改变这个表头名称。

那么来测试一下效果。

其他效果就不一一测试了，基本都是一样的。