m-seidl.com | MICROSOFT CRM BLOG

//Hier weißen wir dem Feld Produkt, eine Aktion zu, die beim klick in das Feld aktiviert wird
crmForm.all.new_produkt.attachEvent("onfocus",Produkt);

//Als erstes werden wir mal ein paar Variablen erstellen und deklarieren
//Hier geben wir das Feld an, in dem die automatische Vervollständigung angezeigt werden soll.
var myfeld_produkt="new_produkt";
//Hier wird das Array erstellt, in dem später das Ergebnis der Abfrage kommt.
var myarr_produkt = new Array();
//Hier sind noch ein paar Variablen, die die Interaktion mit den anderen Funktionen ermöglichen.
var my_var=null;
var my_produkt="1";
myarr_produkt=null;
var myob_produkt;
//Nachdem wir alle Variablen haben, hier der Aufruf der Funktion, um die Abfrage zu starten, das Kommando LISTE wird aus dem Grund 2mal ausgeführt, da es einmal beim Onload aktiviert wird, und dann beim klick in das Feld nochmals, das es sonst zu keinem Ergebnis kommt.
liste("product","statuscode","name","1","new_produkt");

//Hier nun die Funktion PRODUKT, die beim klick in das Feld Produkt ausgelöst wird.
function Produkt(){
liste("product","statuscode","name","1","new_produkt");
k = function GetListOfCountries()
{

    return myarr_produkt;
}
//Nachdem wir die Werte zurückerhalten haben, arbeiten wir damit weiter und übergeben diese an die Funktion SuggestionTextBox, diese, erzeugt uns dann die auswahlliste, im Feld Produkt
my_produkt=my_var;
myarr_produkt= my_produkt.split(',');
myob_produkt= SuggestionTextBox(document.getElementById(myfeld_produkt), k,false);

}

//Aufruf der Funktion
Produkt();

//Hier kommen wir nun zur oben angesprochenen Funktion LISTE, beim aufruf oben werden werte mit übergeben die sehr wichtig sind, my_entity=Schemaname der Entität, my_query=Das Feld mit desen Wert ich überprüfen will, my_display=Der Wert den ich zurückbekomme, und der dann im Feld zur Auswahl steht, my_wert=Der Wert, den ich in Kombination mit my_query abfrage, my_felder=Das Feld auf dem die Liste generiert wird. Zusammenfassend, fragen wir hier, ob es in der Entität "Produkt", Werte gibt, desen "statuscode" = 1 ist, also Aktiv, wollen von diesem Ergebnis den Spaltennamen, "Name", also der Produktname, und setzen die ganze Funktion auf das Feld "my_produkt", seht euch den Aufruf etwas weiter oben an, dann sollte alles klar sein.

//Nicht vergessen, den Wert "myservername" untern zu ändern
function liste(my_entity,my_query,my_display,my_wert,my_felder)
{
	var templand;
	var serverUrl = "http://myservername/mscrmservices/2006";
	var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	xmlhttp.open("POST", serverUrl + "/crmservice.asmx", false);
	xmlhttp.setRequestHeader("Content-Type", "text/xml; charset=utf-8")
	xmlhttp.setRequestHeader("SOAPAction", "http://schemas.microsoft.com/crm/2006/WebServices/RetrieveMultiple")
	xmlhttp.send(""+"\n\n"+"'+
	' ' +
	' '+
                     ''+my_entity+''+
                     ''+
                     ''+
                     ''+my_display+''+
                     ''+
                     ''+
                     'false'+
                     ''+
                     'And'+
                     ''+
                     ''+
                     ''+my_query+''+
                     'Like'+
                     ''+
                     ''+my_wert+''+
                     ''+
                     ''+
                     ''+
                     ''+
                     ''+
                     ''+
                     ''+my_query+''+
                     'Ascending'+
                     ''+
                     ''+
                     ''+
                     ''+
	' ')
	var result = xmlhttp.responseXML.xml;
//Ab hier haben wir ein fast fertiges Ergebnis, RESULT entspricht jetzt einer XML Datei mit den zurückgegebenen Werten, das ganze müssen wir jetzt noch von allen XML Tags befreien, und in unserer Array packen.
var my_index=result.indexOf(my_display);
if (my_index ==-1)
{
return;
}
	var BEs= result.split(""); 

	var BE = BEs[1].split("")+(2+my_display.length);
		second = BE[i].indexOf("");
		//document.writeln(BE[i].substring(first,second) + ","); 

		var tempcount = BE[i].substring(first,second) + ",";
		if (templand == null)
			{
			templand=tempcount;
			}
			{
			templand=templand+tempcount;
			}

		}
my_var=null;
my_var=templand;

}
//Fertig, wir haben nun die fertigen Werte erhalten und können damit weitergehen.

//Dies ist nun die Funktion, SuggestionBox, die uns mit den oben erhaltenen Werten unsere Liste generiert.

function SuggestionTextBox(textfield, method, preload)
{
	   // Hier könnt ihr die maximale Anzahl der Zeilen angeben.
    var maxItems = 6;
    this.suggestionList = new Array();
    this.suggestionListDisplayed = new Array();
    var actual_textfield = textfield;
    var actual_value = '';
    var selectedNumber = 0;
    var countMatches = 0;
    if (preload)
    {

        this.suggestionList = method();
    }
    // Die Funktion wird nun unserem Feld zugewiesen
    textfield.attachEvent("onfocus", initTextfield);

    function initTextfield()
    {
        // Hier definieren wir, das beim Verlassen des Feldes, alle Werte gelöscht werden
        textfield.attachEvent("onblur", resetTextfield);
        document.attachEvent("onkeydown", keyDown);
    }
    function resetTextfield(e)
    {
        //Hier löschen wir alle Funktion, die wir mit dem Feld verbunden haben
        document.detachEvent("onkeydown", keyDown);
        textfield.detachEvent("onblur",resetTextfield);
    }
    function keyDown(e)
    {
        keyCode = e.keyCode;
        switch (keyCode)
        {
            case 9: case 13:
                // enter & tab key
                if (countMatches > 0)
                {
                     actual_textfield.value = suggestionListDisplayed[selectedNumber];
                     if (document.getElementById('suggestion_table') != null)
                    {
                       document.body.removeChild(document.getElementById('suggestion_table'));
                    }
                  }
                 break;
            case 38:
                //Pfeil nach Oben Taste
                if(selectedNumber > 0 && countMatches > 0)
                {
                    selectedNumber--;
                    createSuggestionTable();
                }

                return false;
                break;
            case 40:
                //Pfeil nach Unten Taste
                if(selectedNumber < countMatches-1 && countMatches > 0 && selectedNumber < maxItems)
                {
                    selectedNumber++;
                       createSuggestionTable();
                }

                return false;
                break;
            default:
                // Hier gehen wir sicher das die Funktion nicht zu oft aufgerufen wird
                setTimeout(
                            function()
                            {
                                executeSuggestion(keyCode)
                            },  200 /* in ms */
                           );
                break;
        }
    }

    function executeSuggestion(keyCode)
    {
        selectedNumber = 0;
        countMatches = 0;

        actual_value = textfield.value;

        if (!preload)
        {

            this.suggestionList = method();
        }

        var re = new RegExp(actual_value, "i");

        var re = new RegExp("^" + actual_value, "i");

        countMatches = 0;
        this.suggestionListDisplayed = new Array();

        for (i = 0; i < this.suggestionList.length; i++)
        {

            if (re.test(this.suggestionList[i]) && actual_value != '')
            {
                this.suggestionListDisplayed[countMatches] = this.suggestionList[i];
                countMatches++;

                if (maxItems == countMatches)
                    break;
            }
        }

        if (countMatches > 0)
        {
            createSuggestionTable();
        }
        else
        {
            if (document.getElementById('suggestion_table'))
            {
                document.body.removeChild(document.getElementById('suggestion_table'));
            }
        }
    }

    function createSuggestionTable()
    {

        if (document.getElementById('suggestion_table'))
        {
            document.body.removeChild(document.getElementById('suggestion_table'));
        } 

        table = document.createElement('table');
        table.id = 'suggestion_table';

        table.width = actual_textfield.style.width;
        table.style.position= 'absolute';
        table.style.zIndex = '100000';

        table.cellSpacing = '1px';
        table.cellPadding = '2px';

        topValue = 0;
        objTop = actual_textfield;
        while(objTop)
        {
            topValue += objTop.offsetTop;
            objTop = objTop.offsetParent;
        }

        table.style.top = eval(topValue + actual_textfield.offsetHeight) + "px";

        leftValue = 0;
        objLeft = actual_textfield
        while(objLeft)
        {
            leftValue += objLeft.offsetLeft;
            objLeft = objLeft.offsetParent;
        }

        table.style.left = leftValue + "px";

        table.style.backgroundColor = '#FFFFFF';
        table.style.border = "solid 1px #7F9DB9";
        table.style.borderTop = "none";

        document.body.appendChild(table);

        for ( i = 0; i < this.suggestionListDisplayed.length; i++)
        {
                row = table.insertRow(-1);

                row.id = 'suggestion_row' + (i);
                column = row.insertCell(-1);
                column.id = 'suggestion_column' + (i);

                if (selectedNumber == i)
                {
                    column.style.color = '#ffffff';
                    column.style.backgroundColor = '#316AC5';
                }
                else
                {
                    column.style.color = '#000000';
                    column.style.backgroundColor = '#ffffff';
                }

                column.style.fontFamily = 'Tahoma';
                column.style.fontSize = '11px';a
                column.innerHTML = this.suggestionListDisplayed[i];

        }
    }

    return this;
}