fastadmin fieldlist里面使用selectpage联动动态修改data-params

不行就去养猪

于 2024-03-05 15:53:18 发布

阅读量365

点赞数 5

分类专栏： fastadmin 文章标签： javascript

本文链接：https://blog.csdn.net/luhaiping1993/article/details/136481084

版权

fastadmin 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

       selectpage联动动态修改data-params参数

在这里插入图片描述
添加页面代码：

        <script id="basictpl" type="text/html">
            <tr >
                <td><div class="sp_container form-rule" style="width: 100%;"><input type="text" name="<%=name%>[<%=index%>][country_id]" data-source="country/selectpage" data-params='{"custom[level]":"2"}' class="form-control selectpage country_id" id="country_id<%=index%>" data-index="<%=index%>" value="<%=row.country_id%>" placeholder=""/></div></td>
                <td><div class="sp_container form-rule" style="width: 100%;"><input type="text" name="<%=name%>[<%=index%>][province_id]" class="form-control province_id selectpage" data-source="country/selectpage" id="province_id<%=index%>" data-index="<%=index%>" value="<%=row.province_id%>" placeholder=""/></div></td>
                <td><div class="sp_container form-rule" style="width: 100%;"><input type="text" name="<%=name%>[<%=index%>][zipcode_start]" class="form-control" value="<%=row.zipcode_start%>" placeholder=""/></div></td>
                <td><div class="sp_container form-rule" style="width: 100%;"><input type="text" name="<%=name%>[<%=index%>][zipcode_end]" class="form-control" value="<%=row.zipcode_end%>" placeholder=""/></div></td>
                <td>
                    <!--下面的两个按钮务必保留-->
                    <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
                </td>
            </tr>
        </script>

js代码：

        $(document).on("fa.event.appendfieldlist", ".btn-append", function(e,obj){
            Form.events.selectpage($("#first-table"));
            $('.country_id', obj).change(function(){
                var index = $(this).data('index');
                $('#province_id'+index+'_text').val('');
                $("#province_id").val('');
                $("#province_id"+index+"_text").selectPageClear();
                $("#province_id"+index+'_text').data('selectPageObject').option.params = function () {
                    return {"custom[level]":"3","custom[pid]":$('#country_id'+index).val()};
                };
            });
        });