Comment résoudre le problème selon lequel les paramètres Easyui-Datebox sont masqués ou indisponibles

Cet article vous présente principalement la solution pour configurer Easyui-Datebox pour qu'il soit masqué ou indisponible. En effet, j'ai récemment travaillé sur un système de surveillance de sécurité et j'ai choisi d'utiliser Easyui pour le construire. plug-ins d'interface basés sur jQuery. L'utilisation d'easyui peut économiser beaucoup de code et certains styles doivent être ajoutés à la fonction.

Ce que fait notre entreprise est un système de surveillance de la sécurité. Par conséquent, la page d'accueil n'est pas aussi riche en mise en page que certains sites portails, et les effets spéciaux sont particulièrement éblouissants. À l'heure actuelle, je n'ai besoin que d'une interface utilisateur simple, j'ai donc choisi de la construire avec easyui, qui est une collection de plug-ins d'interface utilisateur basés sur jQuery. En utilisant easyui, vous n'avez pas besoin d'écrire beaucoup de code. Il vous suffit de définir l'interface utilisateur en écrivant quelques balises HTML simples. Pratique et plus beau. Mais au fur et à mesure de l'avancement du projet, il est nécessaire d'ajouter des styles à certains éléments pour la sélection de certaines fonctions. Petit à petit, j'ai découvert que certains contrôles d'EasyUI ne sont pas très compatibles avec CSS. J'ai donc résumé quelques solutions comme suit. Ce que j'ai résolu était de cacher le contrôle easyui-datebox. De plus, j'ai également résumé quelques façons de masquer d'autres contrôles ou de les rendre indisponibles. J'espère pouvoir fournir quelques suggestions.

1. Validatebox peut être utilisé : les deux premiers sont applicables à une seule validatebox

Le troisième est appliqué à la zone de saisie dans l'ensemble du formulaire ; 🎜>

 $("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly");
 $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
 $("#Form :input").attr("readonly", "readonly"); //对form里面的禁用
 $("input").attr("readonly", "readonly"); //对所有的input标签禁用

2. Combobox désactiver l'utilisation :

 $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false});
 $("#id").attr("readonly", "readonly"); //对单个禁用 ----- $("#id").removeAttr("readonly");
 $("#fm .easyui-combobox").combobox({ disabled: true }); //对form里面的下拉框禁用
 $("#ID").combobox("disable"); ------ $("#ID").combobox("enable");

3 Comment désactiver et activer datebox et datetimebox :

 $("#fm .easyui-datebox").datebox({ disabled: true }); ----- $("#fm .easyui-datebox").datebox({ disabled: false});
 $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
 $("#fm .easyui-datetimebox").datetimebox({ disabled: true }); ----- $("#fm .easyui-datetimebox").datetimebox({ disabled: true });

4. Il existe également une méthode plus opportuniste, mais elle peut aussi être. Les exemples utilisés sont les suivants :

<p id=" pParent"style="margin:10px 0;"> 
<input id=&#39;test&#39; class="easyui-datebox" ></input></p>

Maintenant, je veux masquer l'entrée Comme elle est incompatible, je masquerai son élément parent.

$("#pParent" ).css("display", "none");

Voici la méthode pour définir le paramètre indisponible :

$("#test").datebox({ 
  disabled: true 
 });

Recommandations associées :

JQuery EasyUI API Chinese Document - DateBox date box

Une brève discussion sur le formatage de la boîte de date de jQuery.easyui time_jquery

Règles de validation du plug-in jQuery EasyUI validatebox validation box_jquery

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!