OpenDialog是一款PHP語言編寫的選擇框插件,該插件多用于模糊搜索下拉框,彈出框等場景,可以方便快捷的選擇想要的數據,該插件可同時支持批量選擇和單個選擇。";
echo "
當用戶在搜索框中輸入關鍵字時,OpenDialog會自動搜索包含指定關鍵字的數據,用戶可以通過鍵盤上下鍵快速選擇需要的數據,同時支持使用鼠標進行單擊選擇,也可通過開啟多選模式,支持多選。與之相應的,我們可以在輸入框上加入$(ID).opendialog(),在需要彈框選擇某個信息時即可使用。
"; echo "基礎調用代碼如下:
"; echo "$('input').opendialog({ url: "data.php", // 獲取數據的地址 title: "請選擇", // 彈出框的標題 width: 500, // 彈出框的寬度 height: 400 // 彈出框的高度 });"; echo "
上述代碼中,我們可以自行選擇需要的彈出框的各種屬性,方便快捷的擁有一個符合項目需求的彈窗選擇框。
"; echo "OpenDialog的數據格式要求比較嚴格,其傳輸的數據格式必須是特定JSON格式,具體格式如下:
"; echo "{ code: '', // 綁定的數據值 text: '', // 要顯示的文本 searchKey: '' // 用于模糊搜索的關鍵字 }"; echo "
實際項目中,OpenDialog也可非常靈活的操作,比如說我們可以選擇接受一個數組作為輸入數據,具體調用代碼如下:
"; echo "$('input').opendialog({ items: [ {code: '1', text: '北京'}, {code: '2', text: '上海'}, {code: '3', text: '廣州'}, {code: '4', text: '深圳'} ], title: '請選擇', // 彈出框的標題 width: 500, // 彈出框的寬度 height: 400 // 彈出框的高度 });"; echo "
總之,OpenDialog插件操作非常靈活,可以毫無壓力的應對各種需求,是一個值得推薦的選擇框插件。
"; ?>