动态改变selectpage的参数值,达到二级联动效果

发布于 2018-05-10

js动态改变过滤参数的值
使用场景:多个selectpage组件联动效果,选择一级目录后,自动刷新二级目录
image.png

经老大指点,已经可以了,晒下代码给新手参考下
image.png
动态更新params只需在对应js里写上这个就可以
image.png

感谢老大!

查看更多

关注者
3
被浏览
2.6k
Karson
Karson FastAdmin创始人 2018-05-22
FastAdmin!

@snowleopard 看你代码应该使用

$("#c-cp_trans_ids").data("params", function (obj) {
    return {custom: {type: $("#c-cp_trans_id").val()}};
});

不能直接去操作 #c-cp_trans_ids_text这个元素

14 个回答
Karson
Karson FastAdmin创始人 2018-05-21
FastAdmin!

@snowleopard 我给你粘的代码就是我实际使用的代码,100%是可以正常使用的。再多调试下。

Karson
Karson FastAdmin创始人 2018-05-22
FastAdmin!

@snowleopard 错,你的$("#c-cp_trans_ids").data 这一段要放在change之外。

Karson
Karson FastAdmin创始人 2018-05-21
FastAdmin!

@snowleopard 这个可以通过JS添加个data-params属性,代码如下:

$("#c-cp_trans_ids").data("params", function (obj) {
    return {custom: {type: $("#c-cp_trans_id").val()}};
});
snowleopard
snowleopard 2018-05-21
这家伙很懒,什么也没写!

@Karson 这个问题实际就是”selectpage的二级联动问题“
类似于省市联动,但数据是自定义的
场景:两个selectpage分别对应一二级目录
当一级目录改变时,动态修改二级目录的内容
(由于目录都是在相同一张表,所以实际只需要修改params的type值就可以了)
但不知为什么,怎么设置都没用,感觉这应该是挺常见的功能啊,有没有参考的地方,还需请老大指点!

snowleopard
snowleopard 2018-05-22
这家伙很懒,什么也没写!

还是没有效果啊,不能影响搜索结果,删缓存,换浏览器都一样
image.png
image.png

jkloozx
jkloozx 2018-07-13
这家伙很懒,什么也没写!

确实是不能放到change里面,必须放到外面当做一个独立的事件来用,否则不管用

jkloozx
jkloozx 2018-07-13
这家伙很懒,什么也没写!

确实有用:

$('#foo').data('params',function(){return $('#exm').val();});

这行代码起到了监听change的作用,只要绑定的值$('exm').val()变了$('#foo')的data-params也会跟着变。
不太明白什么原理,有没有大佬来解释一下

fengkaixin
fengkaixin 2018-08-07
这家伙很懒,什么也没写!

1533637594482.jpg
1533637626944.jpg
我照着写了,怎么没有效果呀!急!急!急!@snowleopard @Karson @jkloozx

raoyk
raoyk 2018-12-04
用户扩展,B2B2C商城
            $(document).on("change", "#c-category1", function () {
                $.post("mall/goods/brands/selectpage",{custom: {catId: $(this).val()},},function(result){
                    var i = $('#c-brandId').val();
                    $('#c-brandId').selectPageData(result.list);
                    $('#c-brandId').val(i);
                    $('#c-brandId').selectPageRefresh();
                });                    
            });
raoyk
raoyk 2018-12-04
用户扩展,B2B2C商城

这是分类关联品牌的代码,之前ajax一直报500错误,并且品牌下拉表不显示设置值。

佛系Alex
佛系Alex 2019-01-12
这家伙很懒,什么也没写!

mark. 我一开始也把那段修改data的代码放到第一个input的change里面,也是不生效,把他直接放到最外面就可以了,是什么原理。

likeni
likeni 2019-01-12
软妹子····

这个牛劈死了

peanut
peanut 2019-04-01
这家伙很懒,什么也没写!

不明白运行原理

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览