layui 데이터 시트 및 데이터 전송 방식
데이터 시트 1:
<div style="margin:0px; background-color: white; margin:0 10px;">
<blockquote class="layui-elem-quote">
<div class="layui-btn-group demoTable">
<button class="layui-btn" data-type="getCheckData"> </button></div>
<form class="layui-form" style="float:right;">
<div class="layui-form-item" style="margin:0;">
<label class="layui-form-label"> </label>
<div class="layui-input-inline">
<input type="text" name="zname" placeholder=" " autocomplete="off" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux" style="padding:0;">
<button id="cha" lay-filter="search" class="layui-btn" lay-submit><i class="fa fa-search" aria-hidden="true"></i> </button>
</div>
</div>
</form>
</blockquote>
</div>
<table class="layui-table" lay-data="{url:'../task/selectTask.do', page:true, id:'test2'}">
<thead>
<tr>
<th lay-data="{checkbox:true,fixed:true}"></th>
<th lay-data="{field:'id', width:60, sort: true}">ID</th>
<th lay-data="{field:'cid', width:150, sort: true}"> id</th>
<th lay-data="{field:'tid', width:150, sort: true}"> id</th>
<th lay-data="{field:'zname', width:150, sort: true}"> </th>
<th lay-data="{field:'ztime', width:150, sort: true,toolbar: '#timeTpl'}"> </th>
<th lay-data="{field:'zcontext', width:150, sort: true}"> </th>
<th lay-data="{field:'zremarks', width:150, sort: true}"> </th>
<th lay-data="{fixed: 'right', width:100, align:'center', toolbar: '#barDemo1'}"></th>
</tr>
</thead>
</table>
데이터 전송 방식
<script type="text/html" id="barDemo1">
<a href="/?zname={{d.zname}}" rel="external nofollow" class="layui-btn layui-btn-mini" lay-event="edit"> </a>
</script>
매개 변 수 를 바 인 딩 하여 배경 으로 전송 합 니 다.
jo.put("code", 0);
jo.put("msg",":");
jo.put("count", 1000);
jo.put("data", list);
백 엔 드 데이터 가 프론트 에 들 어 오 는 방식데이터 시트 2:
<div class="admin-main">
<blockquote class="layui-elem-quote">
<a href="javascript:;" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small" id="add">
<i class="layui-icon"></i>
</a>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small" id="import">
<i class="layui-icon"></i>
</a>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small" id="getSelected">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
<a href="javascript:;" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small" id="search">
<i class="layui-icon"></i>
</a>
</blockquote>
<fieldset class="layui-elem-field">
<legend> </legend>
<div class="layui-field-box layui-form">
<table class="layui-table admin-table">
<thead>
<tr>
<th style="width: 30px;"><input type="checkbox" lay-filter="allselector" lay-skin="primary"></th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody id="content">
</tbody>
</table>
</div>
</fieldset>
<div class="admin-table-page">
<div id="paged" class="page">
</div>
</div>
</div>
이상 의 이 layui 데이터 시트 와 데 이 터 를 전달 하 는 방식 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
layui의 select 연동공식 커뮤니티에서 찾은 방법은 다음과 같다. 이런 코드 편집기를 뱉어라, 조판은 똥과 같다!...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.