


Explication détaillée de la façon dont jquery exploite les données dans les tableaux
Cette fois, je vais vous apporter une explication détaillée du fonctionnement de jquery sur les données dans un tableau. Quelles sont les précautions sur le fonctionnement de jquery sur les données dans un tableau. Voici un cas pratique, prenons. un regard.
Pour des pages comme celle-ci, nous ne traitons souvent pas ces données en soumettant des formulaires, car il est très fastidieux de parcourir et de traiter ces grandes quantités de données en arrière-plan. Une meilleure approche consiste à traiter cela ; sur la page de premier plan Enregistrez les données en json sous forme d'objets, puis convertissez directement json en objets dont nous avons besoin en arrière-plan, afin que nous puissions traiter directement les objets !
Ajouter un bouton
<input name="button" type="button" value="添加" onClick="addRowForPswdBasicFillTemplate('pswd_basic_fill_template')">
L'identifiant de la table est pswd_basic_fill_template
Ajouter une méthode
function addRowForPswdBasicFillTemplate(tid){ var applyAreaOptionStr = $('#applyAreaOptionStr').val(); //这里是对select框的一些初始化 did = tid; var tr = $("<tr></tr>").attr("bgcolor","#FFFFFF"); tr.append($("<td></td>").html("<input type='radio' name='radio' value='checkbox'></td>")); tr.append($("<td></td>").html("")); tr.append($("<td></td>").html("<input type='text' name='index_name' id='index_name' />")); tr.append($("<td></td>").html("")); tr.append($("<td></td>").html("<select name='apply_Area' id='apply_Area'>"+applyAreaOptionStr+"</select>")); tr.append($("<td></td>").html("<select name='index_species' id='index_species'>"+$("#indexSpeciesHtml").val()+"</select>")); tr.append($("<td></td>").html("<textarea maxlength='500' rows='3' cols='20' name='formula' id='formula'/>")); tr.append($("<td></td>").html("<input type='text' name='cap' id='cap' size='5'/>")); tr.append($("<td></td>").html("<input type='text' name='base_value' id='base_value' size='5'/>")); tr.append($("<td></td>").html("<input type='hidden' id='orgid' name='orgid' /> <select name='assessOrg' id='assessOrg'>"+$("#assessOrgHtml").val()+"</select>")); tr.appendTo($("#"+tid)); setRowNumber_1(tid); //保存编号,上移下移操作会用到 ,先不关注 }
Bouton Enregistrer
<input name="button" type="button" value="保存" onClick="savePswdBasicFillTemplate('pswd_basic_fill_template')">
function savePswdBasicFillTemplate(tid){ did = tid; var result = getPswdBasicFillTemplate(); //封装数据操作,请仔细看 if(result){ /* if(pswd_basic_fill_template.length<1){ showInfo("请添加基础数据标准"); return; } */ for(var i=0;i<pswd_basic_fill_template.length;i++){ pswd_basic_fill_template[i]=JSON.stringify(pswd_basic_fill_template[i]); } $.post("<c:url value='/secbasicFillTemplate/save'/>",{"tempLateList":"["+pswd_basic_fill_template+"]"}, function(data) { if("false"==data){ showInfo("请先保存基础信息!"); }else{ //delAllTr("pswd_basic_fill_template"); //删除行 showInfo("保存成功!") if(did!="fjsjbz"){ changeTaskType(tid); } } }); } } //基础填报模版 var pswd_basic_fill_template = {}; //要删除的tableId var did = "pswd_basic_fill_template"; //获取模板值 function getPswdBasicFillTemplate(){ pswd_basic_fill_template=[]; var trs=eval("$(\"#"+did + " tbody tr\")"); var result=true; $.each(trs,function(i,tr){ var order = $(tr).find("td:nth-child(2)").text(); var indexCode = $(tr).find("input[name='index_code']").val(); var indexName = $(tr).find("input[name='index_name']").val(); var indexType = $(tr).find("select[name='index_type']").find("option:selected").text(); var indexSpecies = $(tr).find("select[name='index_species']").find("option:selected").text(); var formula = $(tr).find("textarea[name='formula']").val(); var cap = $(tr).find("input[name='cap']").val(); var baseValue = $(tr).find("input[name='base_value']").val(); var assessOrg = $(tr).find("select[name='assessOrg']").val(); var assessOrgName = $(tr).find("select[name='assessOrg']").find("option:selected").text(); var idObj = $(tr).find("input[name='idObj']").val(); var indexValue = $(tr).find("input[name='index_value']").val(); var templateType = "2"; if(did=="zdppbzlb"){ templateType = "3"; }else if(did=="fjsjbz"){ templateType = "4"; assessOrg = $(tr).find("select[name='countyOrg']").val(); } var taskType = $("#task_type").val(); if(indexCode.length<1){ showInfo("指标名称不能为空"); result = false; return false; } if(indexName.length<1){ showInfo("指标代号不能为空"); result = false; return false; } var postIndexId = $('#postIndex').val(); var postIndexName = $('#postIndex').find("option:selected").text(); var applyAreaId = $(tr).find("select[name='apply_Area']").val(); var applyAreaName = $(tr).find("select[name='apply_Area']").find("option:selected").text(); var pswd_basic_fill_templateBean={ "postIndexId":postIndexId,"postIndexName":postIndexName,"applyAreaId":applyAreaId,"applyAreaName":applyAreaName, "indexCode":indexCode,"templateType":templateType,"indexValue":indexValue, "indexName":indexName,"taskType":taskType,"order":order,"id":idObj,"baseValue":baseValue, "indexSpecies":indexSpecies,"formula":formula,"cap":cap,"orgName":assessOrgName,"orgid":assessOrg } pswd_basic_fill_template.push(pswd_basic_fill_templateBean); }) return result; }
Le front-end L'opération est terminée, jetons un coup d'œil à l'opération en arrière-plan
strutsFichier de configuration
<method name="save" uri="/secbasicFillTemplate/save"> <result name="success" type="redirect">@list</result> <result name="failed">secassessment/basicFillTemplate/basicFillTemplateNew</result> </method>
Opération backend
public void save() { String obj = request().getParameter("tempLateList"); List<SecBasicFillTemplate> result = JSonUtil.paserJsonArray(SecBasicFillTemplate.class,obj); //将json转化为对象 }
Regardez ci-dessous Voir l'opération de suppression
Bouton Supprimer
<input name="button" type="button" value="删除" onClick="delRowForSpacialById('pswd_basic_fill_template')" > //删除一行的数据 function delRowForSpacialById(tid){ var selObj=getSelRowJnSpacial(tid); if(selObj){ var result = confirm("确定将记录删除?"); if(result){ var id = selObj.parent().parent(); var idValue = id.find("input[name='idObj']").val(); if(idValue!=null && idValue.length>0){ $.post("<c:url value='/secbasicFillTemplate/delete'/>",{"ids":idValue},function(){ selObj.parent().parent().remove(); }) }else{ selObj.parent().parent().remove(); } } } } // 获取选中的行 function getSelRowJnSpacial(tid){ var selObj=eval("$(\"#"+tid+" input[@type=radio][checked]\")"); if(selObj.html()!=null){ return selObj; }else{ showInfo("请选择要操作的行"); return null; } }
fichier de configuration struts
<method name="delete" uri="/secbasicFillTemplate/delete" > <result name="success" type="redirect">@list</result> </method>
Méthode d'arrière-plan
public void delete(String ids) { //方法 } 上移下移功能 按钮 <input name="button" type="button" value="上移" onClick="moveBefore('pswd_basic_fill_template')"> <input name="button" type="button" value="下移" onClick="moveAfter('pswd_basic_fill_template')"> //上移行 function moveBefore(tid){ did =tid; var selObj= $("input:radio[checked]"); if(selObj==null){ showInof("请选择要移动的行"); }else{ var rowIndex = selObj.parent().parent()[0].rowIndex; if(parseInt(rowIndex)<=2){ showInfo("已经到顶,不能再上移了"); return; } var preObj=selObj.parent().parent().prev(); var selRow=selObj.parent().parent().clone(); preObj.before(selRow); selObj.parent().parent().remove(); setRowNumber_1_1(did); } } function setRowNumber_1_1(tid){ var fNew = 1; var expression="$(\"#"+tid+" tbody tr\")"; var tbody=eval(expression); $.each(tbody,function(i,tr){ if(i>=0){ var number=i+1; $(tr).find("td:nth-child(2)").text(number); } }) } //下移行 function moveAfter(tid){ did =tid; var selObj= $("input:radio[checked]"); if(selObj==null){ showInof("请选择要移动的行"); }else{ var r1 = selObj.parent().parent()[0].rowIndex; var a1 = eval("$(\"#"+did+" tbody tr\")").size(); if(parseInt(selObj.parent().parent()[0].rowIndex)-1 >= a1){ showInfo("已经到最后一行,不能再下移了"); return; } var nextObj=selObj.parent().parent().next(); var selRow=selObj.parent().parent().clone(); nextObj.after(selRow); selObj.parent().parent().remove(); setRowNumber_1_1(tid); } } //设置rowNumber的序号 function setRowNumber_1(tid){ var fNew = 1; var expression="$(\"#"+tid+" tbody tr\")"; var tbody=eval(expression); $.each(tbody,function(i,tr){ if(i>=0){ var idObj = $(tr).find("input[name='idObj']").val(); var f = $(tr).find("td:nth-child(4)").find("input[name='index_code']").val(); if(f!=null){ var f1 = f.substring(1); if(f1>=0){ fNew = parseInt(f1)+1; } } var number=i+1; $(tr).find("td:nth-child(2)").text(number); if(idObj==null && f==null){ var fValue = "<input id='index_code' name='index_code' value='F"+fNew+"' readonly='true' size='5'>"; if(tid=="zdppbzlb"){ fValue = "<input id='index_code' name='index_code' value='K"+fNew+"' readonly='true' size='5'>"; } $(tr).find("td:nth-child(4)").html(fValue); $(tr).find("td:nth-child(5)").html($("#selectHtml").val()); //var assessOrgHtml = "<input type='hidden' name='orgid' id='orgid'></input>"+$("#assessOrgHtml").val(); //$(tr).find("td:last-child").html(assessOrgHtml); } } }) }
I Je crois que vous avez lu cet article. Vous maîtrisez la méthode des cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Explication détaillée des étapes pour générer dynamiquement un tableau avec JQuery+Ajax
JQuery implémente les ancres de chapitre Retour en haut Effet
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds



WeChat est l'un des outils de chat traditionnels. Nous pouvons rencontrer de nouveaux amis, contacter d'anciens amis et entretenir l'amitié entre amis grâce à WeChat. Tout comme il n’existe pas de banquet qui ne se termine jamais, des désaccords surviendront inévitablement lorsque les gens s’entendront bien. Lorsqu'une personne affecte extrêmement votre humeur ou que vous constatez que vos points de vue sont incohérents lorsque vous vous entendez bien et que vous ne pouvez plus communiquer, nous devrons peut-être supprimer les amis WeChat. Comment supprimer des amis WeChat ? La première étape pour supprimer des amis WeChat : appuyez sur [Carnet d'adresses] sur l'interface principale de WeChat ; la deuxième étape : cliquez sur l'ami que vous souhaitez supprimer et entrez [Détails] ; la troisième étape : cliquez sur [...] en haut. coin droit ; Étape 4 : Cliquez sur [Supprimer] ci-dessous ; Étape 5 : Après avoir compris les invites de la page, cliquez sur [Supprimer le contact] ;

Tomato Novel est un logiciel de lecture de romans très populaire. Nous avons souvent de nouveaux romans et bandes dessinées à lire dans Tomato Novel. De nombreux amis souhaitent également gagner de l'argent de poche et éditer le contenu de leur roman. Je veux écrire dans du texte. Alors, comment pouvons-nous y écrire le roman ? Mes amis ne le savent pas, alors allons ensemble sur ce site. Prenons le temps de regarder une introduction à la façon d'écrire un roman. Partagez le didacticiel du roman Tomato sur la façon d'écrire un roman. 1. Ouvrez d'abord l'application de roman gratuite Tomato sur votre téléphone mobile et cliquez sur Personal Center - Writer Center 2. Accédez à la page Tomato Writer Assistant - cliquez sur Créer un nouveau livre. à la fin du roman.

Les cartes mères colorées jouissent d'une grande popularité et d'une part de marché élevée sur le marché intérieur chinois, mais certains utilisateurs de cartes mères colorées ne savent toujours pas comment accéder au BIOS pour les paramètres ? En réponse à cette situation, l'éditeur vous a spécialement proposé deux méthodes pour accéder au bios coloré de la carte mère. Venez l'essayer ! Méthode 1 : utilisez la touche de raccourci de démarrage du disque U pour accéder directement au système d'installation du disque U. La touche de raccourci de la carte mère Colorful pour démarrer le disque U en un seul clic est ESC ou F11. Tout d'abord, utilisez Black Shark Installation Master pour créer un Black. Disque de démarrage Shark U, puis allumez l'ordinateur lorsque vous voyez l'écran de démarrage, appuyez continuellement sur la touche ESC ou F11 du clavier pour accéder à une fenêtre de sélection de la séquence d'éléments de démarrage. Déplacez le curseur à l'endroit où "USB. " s'affiche, puis

Malheureusement, les gens suppriment souvent certains contacts accidentellement pour certaines raisons. WeChat est un logiciel social largement utilisé. Pour aider les utilisateurs à résoudre ce problème, cet article explique comment récupérer les contacts supprimés de manière simple. 1. Comprendre le mécanisme de suppression des contacts WeChat. Cela nous offre la possibilité de récupérer les contacts supprimés. Le mécanisme de suppression des contacts dans WeChat les supprime du carnet d'adresses, mais ne les supprime pas complètement. 2. Utilisez la fonction intégrée « Récupération du carnet de contacts » de WeChat. WeChat fournit une « Récupération du carnet de contacts » pour économiser du temps et de l'énergie. Les utilisateurs peuvent récupérer rapidement les contacts précédemment supprimés grâce à cette fonction. 3. Accédez à la page des paramètres WeChat et cliquez sur le coin inférieur droit, ouvrez l'application WeChat « Moi » et cliquez sur l'icône des paramètres dans le coin supérieur droit pour accéder à la page des paramètres.

Un résumé de la façon d'obtenir les droits d'administrateur Win11 Dans le système d'exploitation Windows 11, les droits d'administrateur sont l'une des autorisations très importantes qui permettent aux utilisateurs d'effectuer diverses opérations sur le système. Parfois, nous pouvons avoir besoin d'obtenir des droits d'administrateur pour effectuer certaines opérations, telles que l'installation de logiciels, la modification des paramètres du système, etc. Ce qui suit résume quelques méthodes pour obtenir les droits d'administrateur Win11, j'espère que cela pourra vous aider. 1. Utilisez les touches de raccourci. Dans le système Windows 11, vous pouvez ouvrir rapidement l'invite de commande via les touches de raccourci.

Les jeux mobiles font désormais partie intégrante de la vie des gens avec le développement de la technologie. Il a attiré l'attention de nombreux joueurs avec sa jolie image d'œuf de dragon et son processus d'éclosion intéressant, et l'un des jeux qui a beaucoup attiré l'attention est la version mobile de Dragon Egg. Pour aider les joueurs à mieux cultiver et faire grandir leurs propres dragons dans le jeu, cet article vous présentera comment faire éclore des œufs de dragon dans la version mobile. 1. Choisissez le type d'œuf de dragon approprié. Les joueurs doivent choisir soigneusement le type d'œuf de dragon qu'ils aiment et qui leur conviennent, en fonction des différents types d'attributs et de capacités d'œuf de dragon fournis dans le jeu. 2. Améliorez le niveau de la machine d'incubation. Les joueurs doivent améliorer le niveau de la machine d'incubation en accomplissant des tâches et en collectant des accessoires. Le niveau de la machine d'incubation détermine la vitesse d'éclosion et le taux de réussite de l'éclosion. 3. Collectez les ressources nécessaires à l'éclosion. Les joueurs doivent être dans le jeu.

Dans la société actuelle, les téléphones portables sont devenus un élément indispensable de nos vies. En tant qu'outil important pour notre communication, notre travail et notre vie quotidienne, WeChat est souvent utilisé. Cependant, il peut être nécessaire de séparer deux comptes WeChat lors du traitement de différentes transactions, ce qui nécessite que le téléphone mobile prenne en charge la connexion à deux comptes WeChat en même temps. En tant que marque nationale bien connue, les téléphones mobiles Huawei sont utilisés par de nombreuses personnes. Alors, quelle est la méthode pour ouvrir deux comptes WeChat sur les téléphones mobiles Huawei ? Dévoilons le secret de cette méthode. Tout d'abord, vous devez utiliser deux comptes WeChat en même temps sur votre téléphone mobile Huawei. Le moyen le plus simple est de le faire.

La définition de la taille de la police est devenue une exigence de personnalisation importante à mesure que les téléphones mobiles deviennent un outil important dans la vie quotidienne des gens. Afin de répondre aux besoins des différents utilisateurs, cet article présentera comment améliorer l'expérience d'utilisation du téléphone mobile et ajuster la taille de la police du téléphone mobile grâce à des opérations simples. Pourquoi avez-vous besoin d'ajuster la taille de la police de votre téléphone mobile - L'ajustement de la taille de la police peut rendre le texte plus clair et plus facile à lire - Adapté aux besoins de lecture des utilisateurs d'âges différents - Pratique pour les utilisateurs malvoyants qui souhaitent utiliser la taille de la police fonction de configuration du système de téléphonie mobile - Comment accéder à l'interface des paramètres du système - Dans Rechercher et entrez l'option "Affichage" dans l'interface des paramètres - recherchez l'option "Taille de la police" et ajustez-la. application - téléchargez et installez une application prenant en charge l'ajustement de la taille de la police - ouvrez l'application et entrez dans l'interface des paramètres appropriée - en fonction de l'individu
