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

snowleopard 3月前 633

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

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

感谢老大!

最后于 2月前 被snowleopard编辑
最佳回复
  • Karson 2月前

    @snowleopard 看你代码应该使用

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

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

最新回复 (9)
  • Karson 打赏 2月前
    感谢TA
    0 引用 2

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

    $("#c-cp_trans_ids").data("params", function (obj) {
        return {custom: {type: $("#c-cp_trans_id").val()}};
    });
    最后于 2月前 被Karson编辑
  • snowleopard 楼主 2月前
    感谢TA
    0 引用 3

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

  • Karson 打赏 2月前
    感谢TA
    0 引用 4

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

  • Karson 打赏 最佳回复 2月前
    感谢TA
    0 引用 5

    @snowleopard 看你代码应该使用

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

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

    最后于 2月前 被Karson编辑
  • snowleopard 楼主 2月前
    感谢TA
    0 引用 6

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

    最后于 2月前 被snowleopard编辑
  • Karson 打赏 2月前
    感谢TA
    0 引用 7

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

  • jkloozx 1月前
    感谢TA
    0 引用 8

    总之用这种方法进行多级联动就是不行咯,大概就是selectpage的参数在载入的时候写死了,没法动态改变,也就没法多级联动咯

  • jkloozx 1月前
    感谢TA
    0 引用 9

    我找到解决方法了,如下:
    ` $(document).on("change", "#c-ditch_id", function () {

                $.post("goods/index",{
                    custom: {ditch_id: $('#c-ditch_id').val()},
                    keyField:'id',
                    showField:'goods_name',
                    },function(result){
                    console.log(result);
                    $('#c-goods_id').selectPageData(result.list);
                });
            })`
  • fengkaixin 11天前
    感谢TA
    0 引用 10

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

  • 未登录
    11
返回