jquery ajoute et supprime dynamiquement des compétences (tr/td)

Le code est très simple, et les fonctions implémentées sont également très simples. Les amis qui en ont besoin peuvent s'y référer.

Copier le code Le code est le suivant : /* jquery easyui 操作*/ window.onload = fonction () { InitGird(); > //加载编辑器 éditeur var ; $(fonction () { editor = KindEditor.create('textarea[name="Describe"]', { resizeType : 1, uploadJson : '../ashx/upload_ajax.ashx?action=EditorFile&IsWater=1', fileManagerJson : '../ashx/upload_ajax.ashx?action=ManagerFile', AllowFileManager : vrai }); }); //初始化上传控件 $(fonction () { InitSWFUpload("../ashx/upload_ajax.ashx", "Filedata", "1024 Ko", "../../script/swfupload/swfupload.swf", 1, 1); }); //搜索 fonction Recherche() { $('#dgCaseInfo').datagrid('load', { action : "loadListPage", Noms : $("#Names").val() }); > //初始化表格 fonction InitGird() { $("#dgCaseInfo").datagrid({ autoRowHeight : false, loadMsg : 'Chargement en cours...', url : '../ashx/GetSm_CaseInformation.ashx?types=loadListPage', //Page de demande de données sortName : 'ID', //Champ de tri idField : 'ID', //Champ d'identification, clé primaire iconCls : '', //L'image à gauche du titre singleSelect : vrai, largeur : '100 %', //Largeur hauteur : 'auto', //Hauteur nowrap: true, // S'il faut retourner à la ligne, True affichera les données sur une seule ligne Rayé : true, //True utilise différentes couleurs d'arrière-plan pour les lignes paires et impaires pliable : false, //Pliable sortOrder : 'desc', //Type de tri remoteSort : true, //Définit s'il faut trier les données du serveur ajustement : vrai, singleSelect : true, // Indique si une seule ligne peut être sélectionnée selectOnCheck: false, //Cliquer sur la case à cocher ne sélectionnera pas la ligne fitColumns : true, //Les colonnes sont automatiquement mises à l'échelle colonnes : [[ { champ : 'Nom', titre : 'Nom du produit', largeur : 200, aligner : 'gauche' }, { champ : 'Add_Time', titre : 'Add Time', largeur : 100, aligner : 'left' }, { champ : 'Décrire', titre : 'Décrire', largeur : 100, aligner : 'gauche', caché : vrai }, { champ : 'FilePath', titre : 'Case Photo', largeur : 100, aligner : 'left', Formateur : fonction (valeur, ligne, index) { Si (row.FilePath != "") { return ' ' } Retourner "Pas d'image" } } }, { champ : 'Drapeau', titre : 'Statut', largeur : 100, aligner : 'gauche', Formateur : fonction (valeur, ligne, index) { Si (row.Flag == 0) { Retour « dans les rayons » } Renvoyez "supprimé" ; } } }, { champ : 'TypeID', titre : 'Type de produit', largeur : 100, aligner : 'gauche', caché : vrai }, { champ : 'MonadID', titre : 'Nom de l'entreprise', largeur : 100, aligner : 'gauche', masqué : vrai }, { champ : 'MonadName', titre : 'Nom de l'entreprise', largeur : 100, aligner : 'gauche', masqué : vrai } ]], barre d'outils : "#toolbar", queryParams : { "action": "query" }, pagination : true, //Activation ou non de la pagination pagePosition : 'bottom', //Position de la page numéro de page : 1, //Page d'index par défaut pageSize : 10, //Nombre par défaut d'éléments de données sur une page onDblClickRow : fonction (rowIndex, rowData) {//Événement de double-clic sur ligne Modifier(); } }) > var url; //Ajouter une donnée fonction Add() { $("#tdLeft").remove();//Supprimer l'heure de la vente flash td $("#tdSeckill").remove( //Supprimer l'heure de la vente flash td ); loadTypeID(); editor.html(""); $('#dlg').dialog('open').dialog('setTitle', 'Add'); $('#form1').form('clear'); url = '../ashx/GetSm_CaseInformation.ashx?types=ListAdd'; $("input[name='Flag']").eq(0).attr('checked', 'true'); > //Modifier et modifier fonction Edit() { $("#tdLeft").remove( //Supprimer l'heure de la vente flash td ); $("#tdSeckill").remove( //Supprimer l'heure de la vente flash td ); loadTypeID(); url = '../ashx/GetSm_CaseInformation.ashx?types=ListEdit'; var row = $('#dgCaseInfo').datagrid('getSelected'); si (ligne) { $('#dlg').dialog('open').dialog('setTitle', 'Modify'); $("#imageCaseUrl").attr("src", "../.." $('#FilePath').val()); //Définir l'URL de editor.html(row["Describe"]); Si (row["IsSeckill"]==1)//Si le produit est en statut de vente flash : { $("#trSeckill").append(' Temps de Seckill : à ') //Initialiser le contrôle de date easyui $('#SeckillDateBegin').datetimebox({ requis : vrai, showSeconds : faux }); $('#SeckillDateEnd').datetimebox({ requis : vrai, showSeconds : faux }); } $('#form1').form('load', row); $("#Flag ").val(row["Flag"] //Définir la valeur d'état ); } > //Enregistrer les données fonction Enregistrer() { editor.sync(); $('#form1').form('submit', { url : url, onSubmit : fonction () { return $(this).form('validate'); }, succès : fonction (résultat) { si (résultat $.messager.show({ titre : 'Erreur', msg : résultat.errorMsg }); } autre { $('#dlg').dialog('close'); // ferme la boîte de dialogue $('#dgCaseInfo').datagrid('reload'); // recharge les données utilisateur > > }); > //删除一条数据 fonction détruire() { var row = $('#dgCaseInfo').datagrid('getSelected'); si (ligne) { $.messager.confirm('消息提示', '确定要删除吗？', fonction (r) { si (r) { $.post('../ashx/GetSm_CaseInformation.ashx?types=ListDel', { identifiant : ligne.ID }, fonction (résultat) { si (résultat > 0) { $('#dgCaseInfo').datagrid('reload'); // recharge les données utilisateur } autre { $.messager.show( { // afficher le message d'erreur } }); } > //Charger le type de produit fonction loadTypeID() { $('#TypeID').combobox({ url : '../ashx/GetSm_CaseInformation.ashx?types=TypeIDLoad', valueField : 'ID', textField : 'DtyName' }); > // Après avoir cliqué sur l'image, excitez fonction ShowBigview(rowIndex) { var row = $("#dgCaseInfo").datagrid('getRows')[rowIndex]; Si (row["FilePath"].toString() != "") { $.messager.alert('Aperçu de grande image', ' ') ; } autre { $ .Messager.alert ('Invite de message', 'L'image du titre n'est pas définie !'); } > //Cliquez sur le bouton radio pour tirer normalement fonction DisDate() { $("#tdLeft").remove( //Supprimer l'heure de la vente flash td ); $("#tdSeckill").remove( //Supprimer l'heure de la vente flash td ); > //Cliquez sur le bouton radio pour déclencher la vente flash fonction HideDate() { $("#tdLeft").remove( //Supprimer l'heure de la vente flash td ); $("#tdSeckill").remove( //Supprimer l'heure de la vente flash td ); $("#trSeckill").append(' 秒杀时间： 至 ') //初始化easyui日期控件 $('#SeckillDateBegin').datetimebox({ required: true, showSeconds: false }); $('#SeckillDateEnd').datetimebox({ required: true, showSeconds: false }); } onclick="Add()">添加 plain="true" onclick="Edit()">编辑 iconcls="icon-remove" plain="true" onclick="destroy()">删除 产品名称： data-options="iconCls:'icon-search'">搜索 closed="true" buttons="#dlg-buttons"> 产品信息 cellpacing="1"> 商品名称： 商品类型： 商品价格： 商品折扣： 库存数量： 卖出件数： 状 态： 上架 &nbsp&nbsp&nbsp 下架 是否热销： 正常 &nbsp&nbsp&nbsp 热销 秒杀状态： 正常 &nbsp&nbsp&nbsp 秒杀 至 --%> 产品照片： MaxLength="255"> 正在上传，请稍候... 描 述： runat="serveur"> 保存 onclick="javascript:$('#dlg').dialog('close')">取消 以上就是本文的全部内容了，希望大家能够喜欢。

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

jquery ajoute et supprime dynamiquement des compétences (tr/td)_javascript