Maison> interface Web> Tutoriel Layui> le corps du texte

Layui implémente la méthode d'ajout d'une ligne en cliquant sur un bouton

Libérer: 2020-06-12 17:55:32
avant
3310 Les gens l'ont consulté

Layui implémente la méthode d'ajout d'une ligne en cliquant sur un bouton

1. Utilisez la requête ajax pour récupérer les données et les stocker dans une variable, et attribuer la variable aux données de la table

var organData = []; $.ajax({ url: baseUrl+'/org/getSysOrgList' ,type:"POST" ,async:false ,dataType:"json" , success: function(result){ organData=result; } });
Copier après la connexion

2. via la méthode des données

table.render({ elem: '#organ-manage-list' ,data:organData ,method:'POST' ,cols: [[ {field: 'orgCode', width: 100, title: '组织编码', sort: true} ,{field: 'orgName', title: '组织名称', width: 200} ,{field: 'pOrgCode', title: '上级行政组织', width: 100} ,{field: 'orgModal', title: '组织形态', width: 100} ,{field: 'isSelfOrg', title: '是否核算组织', width: 100} ,{field: 'status', title: '启/停用', width: 100} ,{field: 'updTime', title: '更新时间', width: 200} ,{title: '操作',align:'center', fixed: 'right', toolbar: '#table-organ-operator'} ]] ,page: true ,limit: 10 ,height: 'full-220' ,done: function(res, curr, count){ //如果是异步请求数据方式,res即为你接口返回的信息。 //如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度 sessionStorage.setItem("countTemp",count); } ,text: '对不起,加载出现异常!' });
Copier après la connexion

Pour plus de connaissances sur Layui, veuillez faire attention au site Web PHP chinoislayuicolonne du didacticiel

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!