使用 layui 框架列印表單，需要依序執行以下步驟：引入 layui 檔案、建立列印按鈕、監聽按鈕事件、取得表單內容、呼叫 layui 列印功能。例如，使用 jQuery 取得表單內容並列印：$('#form').html() 傳遞給 print({title: '表單列印', content: content})。
layui 列印表單的實作
問題：如何使用 layui 框架列印表單？
回答：
使用layui 框架列印表單，需要以下步驟：
步驟1：引入layui 檔案
<code class="html"><script src="layui/layui.js"></script></code>
步驟2：建立按鈕
建立一個按鈕來觸發列印功能。
<code class="html"><button id="printBtn">打印表单</button></code>
步驟 3：監聽按鈕事件
使用 layui 的 on() 方法監聽按鈕點選事件。
<code class="javascript">layui.use(['layer', 'print'], function () {
var layer = layui.layer;
var print = layui.print;
layui.on('click', '#printBtn', function () {
// ...
});
});</code>步驟 4：取得表單內容
在監聽器函數中，使用 jQuery 或 layui 的 html() 方法取得表單內容。
例如，使用jQuery：
<code class="javascript">var content = $('#form').html();</code>步驟5：呼叫layui 列印功能
使用print() 方法列印表單內容。
<code class="javascript">print({
title: '表单打印', // 打印标题
content: content, // 打印内容
});</code>範例程式碼：
<code class="html"><!DOCTYPE html>
<html>
<head>
<script src="layui/layui.js"></script>
</head>
<body>
<form id="form">
<input type="text" value="姓名">
<input type="text" value="年龄">
</form>
<button id="printBtn">打印表单</button>
<script>
layui.use(['layer', 'print'], function () {
var layer = layui.layer;
var print = layui.print;
layui.on('click', '#printBtn', function () {
var content = $('#form').html();
print({
title: '表单打印',
content: content
});
});
});
</script>
</body>
</html></code>以上是layui列印表單怎麼實現的詳細內容。更多資訊請關注PHP中文網其他相關文章！
