开发工具与关键技术: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后面的命名放到下面那个请求方法后面,他就会找到这张表,找到这个对应的表头改变这个表头名称。
那么来测试一下效果。
其他效果就不一一测试了,基本都是一样的。