Maison  >  Article  >  interface Web  >  Méthode EasyUI pour implémenter la sélection de contenu sur les pages secondaires_jquery

Méthode EasyUI pour implémenter la sélection de contenu sur les pages secondaires_jquery

WBOY
WBOYoriginal
2016-05-16 16:11:501159parcourir

EasyUI, lors de l'ajout ou de la suppression, utilisez souvent la page secondaire pour vérifier.

Vous pouvez ajouter des événements onCheck, onUncheck, onSelectAll, onUnselectAll sous datagird.

Dans ces événements, le contenu vérifié est stocké dans la carte, converti en chaîne au format json et placé dans le champ caché.

Copier le code Le code est le suivant :

onCheck : fonction (rowIndex, rowData)
if (rowIndex > -1) {
var userId= rowData.id;
Si(!dataMap.containsKey(userId))
{
DataMap.put(userId, rowData);
​​​ $("input[name=selectData]").val(JSON.stringify(dataMap));
>
>
} ,
onUncheck : fonction (rowIndex, rowData) {
if (rowIndex > -1) {
var userId= rowData.id;
Si(dataMap.containsKey(userId))
{
DataMap.remove(userId);
            $("input[name=selectData]").val(JSON.stringify(dataMap));                                                                         >
>
},
onSelectAll :fonction (lignes){
pour(var i=0;i var rowData=lignes[i];
var userId= rowData.id;
Si(!dataMap.containsKey(userId))
{
DataMap.put(userId, rowData);
         $("input[name=selectData]").val(JSON.stringify(dataMap));
>
>
},
onUnselectAll:fonction(lignes){
pour(var i=0;i var rowData=lignes[i];
var userId= rowData.id;
Si(dataMap.containsKey(userId))
{
DataMap.remove(userId);
        $("input[name=selectData]").val(JSON.stringify(dataMap));                                               >
>
>


Sur la page parent, récupérez le contenu dans le champ caché.

selectForm est l'identifiant du formulaire sur la page secondaire et selectData est le champ caché du formulaire qui stocke les données de contrôle.

Convertissez les données du champ caché au format json, puis utilisez map pour extraire les données une par une.

Enfin, userId et rowData sont respectivement map.elements[i].key et map.elements[i].value.

var f = parent.$.modalDialogTwo.handler.find('#selectForm');
var selectData = f.find('input[name="selectData"]').get(0).value;
Si (!selectData) {
parent.$.messager.alert('prompt', "Veuillez sélectionner un enregistrement !");
Retour ;
>
var map = jQuery.parseJSON(selectData);
Si (map.elements.length > 0) {
var nos = new Array();
noms de variables = new Array();
pour ( var i = 0; i < map.elements.length; i ) {
var data = map.elements[i];
Nos.push(data.key);
noms.push(data.value.name);
>


Ce qui précède est la méthode EasyUI pour partager avec vous comment vérifier le contenu de la page secondaire. J'espère que cela pourra être utile à tout le monde.
Déclaration:
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