layui中ajaxCascader,通过input输入值搜索

ajaxCascader支持input click实现区域选择,不支持输入搜索,改下ajaxCascader.js文件

第一处:增加自定义事件 inputkeypress

Private.prototype.inputkeypress = function(){

        let store = this.store;

        let param = this.param;

        let _this = this;

        let _url = "https://xxx";

        // 监听 input 点击事件

        store.input.keypress(function(event) {

            if(event.which===13){

                event.preventDefault();

                let inputValue = $(this).val();

                $.ajax({                        

                    url:_url,//搜索的url

                    type:'post',

                    data: {

                        "reg_name":inputValue

                    },

                    headers: {

                        Authorization: layui.data('layuiAdmin').Authorization

                    },

                    success:function(res){

                        if(res.code==0){

                            _this.clearModel();

                            let _data = res.data;

                            let areaData = [];

                            areaData = _data.map(item=>{

                                item.searchName = item.name;

                                item.label = item.full_name;

                                item.value = item.code;

                                item.hasChild = false;

                                return item;

                            });

                            _this.liHtml(areaData);

                            store.model.slideDown(_this.param.time)

                        }else if(res.code==1001){

                           

                        }

                    }

                });

            }

        })

    }

第二处:

this.disabled()

            .then(res => {

                this.inputClick(options)

                this.inputkeypress();//增加

                this.inputHover()

               this.liClick()

               this.liHover()

               this.modelHandle()

               if (param.search.show) {

                   this.handleSearch()

               }

            })

这样能实现输入搜索。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值