CFGRID : Recherche en saisissant les premiers caractères.

Je pense que celui-ci, vous allez l'adorer. Un CFINPUT qui permet de filtrer un CFGRID dans un CFFORM, la demande revient souvent chez programmeurs. Pour info, le code utilise l'une des bases de données "exemple" de CMFX 7. Il devrait donc fonctionner sans aucune adaptation de votre part (sauf si vous souhaitez rendre la recherche "case sensitive" bien entendu).

<cfsavecontent variable="filtrer">
if(_global.Employes == undefined) _global.Employes = data.dataProvider.slice(0);
var Employes = _global.Employes;
var Selectionnes:Array = [];
var Sequence = motCle.text.toLowerCase();
var Colonne = champ.selectedItem.data;
for(var i = 0; i < Employes.length; i++)
{
if(Employes[i][Colonne].substr(0,Sequence.length).toLowerCase() == Sequence)
{ Selectionnes.push(Employes[i]); }
}
data.dataProvider = Selectionnes;
</cfsavecontent>

<cfquery name="lstEmployes" datasource="cfdocexamples">
SELECT * FROM Employees
</cfquery>

<cfform name="formulaire" format="flash" width="500">
<cfformgroup type="panel" label="Recherche en saisissant les première lettres">

<cfformgroup type="horizontal">

<cfinput type="text" name="motCle" width="160" label="Filtrer :" onchange="#filtrer#">
<cfselect name="champ" label="sur le champ :" width="90" onchange="motCle.text=''">
<option value="FirstName">Nom</option>
<option value="LastName">Prénom</option>
<option value="Location">Localisation</option>
<option value="Phone">Téléphone</option>
</cfselect>

</cfformgroup>

<cfgrid name= "data" query="lstEmployes" rowheaders="false" height="200">
<cfgridcolumn name="FirstName" header="Nom">
<cfgridcolumn name="LastName" header="Prénom">
<cfgridcolumn name="Location" header="Localisation">
<cfgridcolumn name="Phone" header="Téléphone">
</cfgrid>

</cfformgroup>
</cfform>