antd模糊搜尋和遠端資料的結合

2022-05-21 04:11:43 字數 1272 閱讀 2338

//用到此方法的情景  先根據input框中的姓名模糊搜尋出客戶名稱,當選中客戶名稱之後,獲取id ,根據客戶的id,去搜尋資料列表。

防抖方法

let timeout;

let currentvalue

function fetch(value, callback)

currentvalue = value;

//進行資料請求

function fake() ;

param.url = apiurl.selectkgomerchantlist;

param.data=

param.callback=(data)=>

getjsonp(param)

}timeout = settimeout(fake, 600);

}//方法

handlechange = (value) => );

}//當input框中的值變化是,呼叫此方法 進行資料請求,

handlesearch = (value) => ));

}select=(e,option)=>;

param.data=

console.log(param.data)

param.url = apiurl.selectlongbilllistbymerchant;

param.callback=(data)=>);// 關閉請求狀態

} else );

console.log(this.state)}}

console.log(param)

getjsonp(param)

}//list是輸入名字之後請求到的資料,遍歷資料。形成select列表。

const options = this.state.list.map((d,index) => );

return (

)(//選擇列表 裡邊的方法可以自己在antd中檢視

style=}

showsearch

value=

// placeholder=

// style=

defaultactivefirstoption=

showarrow=

filteroption=

onsearch= // 文字框值變化時**

onchange= //value 值變化是呼叫

notfoundcontent=

onselect = //選中時進行資料請求

allowclear =

>

)}

模糊搜尋工具fzf的安裝和使用

加入你記得檔名中包含yo,fi,na,那你只需要把所有檔案送給fzf,然後在視窗輸入yo fi na就可以了,無論是you file name,還是you name file都可以匹配上。git clone depth 1 fzf fzf installcd fzf git pull install...

php 在陣列的資料中查詢和搜尋 陣列模糊查詢

一 單一條件查詢 在陣列中資料中,通過查詢條件得出想要的陣列 ar array 2 array catid 2,catdir notice 5 array catid 5,catdir subject 6 array catid 6,catdir news catdir so subject r a...

python中dict和list的資料結構

要理解dict的有關內容需要你理解雜湊表 map 的相關基礎知識,這個其實是 演算法與資料結構 裡面的內容。1.list和tuple其實是用鍊錶順序儲存的,也就是前乙個元素中儲存了下乙個元素的位置,這樣只要找到第乙個元素的位置就可以順藤摸瓜找到所有元素的位置,所以list的名字其實就是個指標,指向l...