思路 先找到控件id ，這樣就可以監聽change事件 然后把自己寫的js加入xadmin中 添加url和view,接受ajax請求和發送數據 第一步：找到聯動上下級的ID 在瀏覽器中通過F12查看 父級ID：id_files_category1 子級id ...

效果如下圖所示： 實現的原理：使用onchange事件，原理見代碼 html代碼： <select id="select" class="sel"> <option value="weiguo">魏國</option> < ...

實現功能：勾選checkbox項，確定后，已勾選的checkbox項以tag標簽的形式展示，tag標簽可快捷刪除。 實現過程： 使用React。 使用Ant Design的Checkbox、Tag組件。 整個組件主要分為兩個部分：多選框組和Tag標簽組。 1. 多選 ...

實現功能：點擊mean的子菜單，tabs顯示子菜單名稱。並且可以進行刪除，刷新之后，停留在刷新前的界面。 使用到的組件el-menu ，el-tabs。 使用到的工具：vue-router，vuex 實現效果： 項目目錄： App.vue tabs.vue ...

web workers對於每個前端開發者並不陌生，在mdn中的定義：Web Worker為Web內容在后台線程中運行腳本提供了一種簡單的方法。線程可以執行任務而不干擾用戶界面。此外，他們可以使用XMLHttpRequest執行 I/O (盡管responseXML和channel屬性總是為空 ...

很多時候，我們會遇到這種需求，通過一個select框中選擇的值，去動態的加載另一個下拉框中的內容 對於前端的同學來講，這個本應該是一個很簡單的需求，獲取第一個下拉框的值然后通過ajax去動態加載即可。 在xadmin中，我們可以通過自定義一個插件來完成這個需求 1）按照我們之前說的 ...

多級聯動菜單是常見的前端組件，比如省份-城市聯動、高校-學院-專業聯動等等。場景雖然常見，但仔細分析起來要實現一個通用的無限分級聯動菜單卻不一定像想象的那么簡單。比如，我們需要考慮子菜單的加載是同步的還是異步的？對於初始值的回填發生在前端還是后端？如果異步加載，是否對於后端API的返回格式有嚴格 ...

借助scroll可以實現滾動，但是我的左邊沒有使用scroll.所以左邊有需要的請見諒。 實現左右聯動 ...