jqGrid Drop Down Menü/Textfeld in einem

Question

habe ich eine Anforderung eine Reihe von vordefinierten Werten aus der Datenbank zu laden, sondern auch eine Benutzer Fähigkeit geben sowie eine benutzerdefinierte Werte einzugeben. Gutes Beispiel ist hier:

https://jsfiddle.net/api/mdn/

<label>Choose a browser from this list: 
<input list="browsers" name="myBrowser" /></label> 
<datalist id="browsers"> 
    <option value="Chrome"> 
    <option value="Firefox"> 
    <option value="Internet Explorer"> 
    <option value="Opera"> 
    <option value="Safari"> 
    <option value="Microsoft Edge"> 
</datalist> 

Ist es möglich, diese Funktion in jqGrid zu implementieren?

Answer 1

Dies geschieht nur im Bearbeitungsmodus eine pro Zeile. Es sollte genau so funktionieren, als würde aus einem Dropdown-Menü nur ein Wert angezeigt und aktualisiert/gespeichert. Ich muss nur für eine Spalte verwenden, wo jede Zeile eine Liste von dynamischen vordefinierten Werten hat, die von der Datenbank kommen.

Hier ist mein Start:

<datalist id="browsers"> 
<option value="Chrome"> 
<option value="Firefox"> 
<option value="Internet Explorer"> 
<option value="Opera"> 
<option value="Safari"> 
<option value="Microsoft Edge"> 
</datalist> 

function myelem (value, options) { 
var el = document.createElement("input"); 
el.type='text'; 
options.id = 'myBrowser'; 
el.setAttribute("list", "browsers"); 
return el; 

}

Die Frage ist, wie die Datenliste dynamisch auf der nächsten Spalte Wert basiert für jede Zeile zu füllen und nach dem Bearbeitungsmodus, um den ausgewählten Wert speichern Verlassen die db? Danke,

Answer 2

Wenn ein Wert, der zuvor für diese Spalte gespeichert wurde es angezeigt werden soll. Wenn ein Benutzer in einen Bearbeitungsmodus wechselt, ist der zuvor angezeigte Wert oben (Standard), aber derselbe Satz vordefinierter Werte sollte in der Dropdownliste mit der Option zur Eingabe eines neuen benutzerdefinierten Werts verfügbar sein. Danke.

Answer 3

fand ich diese sehr interessant und haben neue Artikel in unserem Guriddo Knowledge base erstellt, wo ich im Detail erklären, wie dieses