Tabellenmethoden-Rendering in Laui

Wenn Sie Laui verwenden, müssen Sie die gesamte lib-Datei in das Projekt importieren und dann die Dateien „layui.css“ und „layui.js“ auf der Seite importieren.

Wenn Sie die integrierten Module in Laui verwenden, verwenden Sie „layui.use“, um Folgendes zu zitieren:

layui.use(['layer' , 'table],function(){
var layer = layui.layer;
var table = layui.table;
})

Für die Verwendung von Layer lesen Sie einfach direkt die offizielle Dokumentation. Hier schreibe ich nur diejenigen auf, die ich normalerweise verwende und die schwer zu finden sind.

1. Beim Rendern mit der Tabellenmethode muss das Frontend manchmal eine automatisch inkrementierende Seriennummer hinzufügen. Wie fügt man diese hinzu?

table.render({
                elem: '#dataTable',
                url:"getDataOrderList",
                // data: data,
                page:{
                    count:'count',
                    limit:20
                },
                cols: [[
                    {type:'numbers',title:'序号',align:'center'}, // 自增序号
                    {field: 'order_no', title: '订单编号'},
                    {field: 'tel', title: '购买账号'},
                    {field: 'total_price', title: '服务金额',color:"red"},
                    {field: 'pay_time', title: '支付时间'},
                    {title: '服务有效期',toolbar:'#detail'},
                    {field: 'buy_by', title: '开通方式'}
                ]]
            });

Es gibt noch eine andere Frage: Was soll ich tun, wenn eine Operation ansteht? Mögen Sie es ansehen, bearbeiten usw.? In der obigen Rendermethode gibt es ein Feld mit der Bezeichnung „Dienstgültigkeitszeitraum“. Der Attributwert ist der Code in HTML:

<table  class="layui-table" id="dataTable" lay-filter="dataTable"></table>

script type="text/html" id="detail"> //id值关联这toobar的属性值
     <a href="javascript:;" style="color: #468aff" lay-event="detail">查看详情</a>
</script>

Für weitere Laui-Kenntnisse achten Sie bitte auf Tutorial zur Verwendung von LauiSpalte.

Das obige ist der detaillierte Inhalt vonTabellenmethoden-Rendering in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!