[toc] # layer的妙用 ## 1.輸入框prompt改遠程選擇（selectpage） **效果**  **代碼** ``` Layer.prompt({ title: '請選擇下派到的工作人員', success: function (layero) { $("input", layero).addClass("selectpage") .data("source", "auth/admin/mychildren") .data("primaryKey", "id") .data("field", "nickname") .data("orderBy", "id desc") .data("selectOnly", "true") .prop("placeholder", "請選擇"); Form.events.selectpage(layero); } }, function(value, index, elem){ var userId = $('input[name="selectPage"]').val(); // your code~ layer.close(index); }); ``` ## 2.確認框改多個操作選擇 **效果**  **代碼** ``` // 排房 $(document).on('click', '.btn-assign-room', function() { const ids = Table.api.selectedids(table); // bootstrapTable選中項目ids const data = table.bootstrapTable("getAllSelections"); // 選中的數據 const create_nu = data[0].create_nu; Layer.confirm("請選擇操作對象", { title: "排房", btn: ["選中項(" + ids.length + "條)", "本批次 (" + create_nu + ")"], success: function (layero, index) { $(".layui-layer-btn a", layero).addClass("layui-layer-btn0"); // 所有按鈕統一顏色 }, yes: function (index, layero) { // 操作1 }, btn2: function (index, layero) { // 操作2 }, }); return false; }); ```