jQuery Grid Plugin - jqGrid

Hi all,

i want to dynamically add a second password field to the edit window. Problem is, that the field is set to the end of the table and marked "hidden". Any clues?

Thx in advance.

Tried this code:

jQuery(”#userTable”).jqGrid({
        url: _gridUrl,
        datatype: _datatype,
        colNames:['ID','Account-Name','Passwort','Nachname','Vorname','Strasse','PLZ','Ort','Telefon','Fax','email','inaktiv'],
        colModel:[
            {name:'id',index:'id', width:67, align:"center"},
            {name:'name',index:'name', editable: true, width:120, editrules:{required:true}},
            {name:'password',index:'password', editable: true, edittype:'password', hidden: true, editrules:{required:true, edithidden: true}},               
            {name:'Nachname',index:'Nachname', width:100, editable: true},
            {name:'Vorname',index:'Vorname', width:100, editable: true},
            {name:'Strasse',index:'Strasse', width:100, editable: true},
            {name:'PLZ',index:'PLZ', width:67, editable: true},
            {name:'Ort',index:'Ort', width:100, editable: true},
            {name:'Telefon',index:'Telefon', width:67, editable: true},
            {name:'Fax',index:'Fax', width:67, editable: true},
            {name:'Email',index:'Email', width:67, editable: true},
            {name:'inaktiv',index:'inactive', width:67, align:"center", editable: true,
                edittype:'checkbox', formatter:'checkbox', editoptions: {value:"1:0"}}
        ],
        pager: jQuery('#userPagernav'),
        width: 500,
        height: 259,
        recordpos: 'center',
        pagerpos: 'hidden',
        shrinkToFit: false,
        gridview: true,
        sortname: 'id',
        viewrecords: true,
        sortorder: “asc”,
        multiselect: false,
        onsetselection: true,
        scrollrows: true,
        viewsortcols: true,
        rownumbers: true,
        rowNum: 99999999,
        loadui: 'block',
        gridComplete: function(id)
        {
            gridComplete();
        },
        onSelectRow: function(id)
        {
            setCookies();
        },
        onSortCol: function(id)
        {
            sort_change = true;
            setCookies();
        },
        editurl:”files/ajax/reqUserUpdate.php”
    }).navGrid('#userPagernav',
        {
            edit:true,
            add:true,
            search:true,
            del:false,
            refresh:true,
            addtitle: “Neuen ” + gridName + ” anlegen”,
            edittitle: “Ausgewaehlten ” + gridName + ” editieren”,
            searchtitle: gridName + ” finden”
        }, //options
        {
            height:320,
            width:500,
            reloadAfterSubmit:true,
            editCaption: gridName + ” editieren”,
            beforeShowForm: function(formid) {
                var my_field_pos = $(”#password”,formid).parent(”tr:first”);
                var elm = “<tr class='FormData'><td class='CaptionTD ui-widget-content'>MyCaption</td><td class='DataTD ui-widget-content'><input class='FormElement'/></td></tr>”;
                $(my_field_pos).after(elm);
            }
        }, // edit options
        {height:320, width:500, reloadAfterSubmit:true, addCaption: gridName + ” hinzufuegen”}, // add options
        {reloadAfterSubmit:false}, // del options
        {} // search options
    );

Generated code looks like this:

<tr id=”tr_Telefon“ class=”FormData“ rowpos=”8“>

</tr>

<tr id=”tr_Fax“ class=”FormData“ rowpos=”9“>

</tr>

<tr id=”tr_Email“ class=”FormData“ rowpos=”10“>

</tr>

<tr id=”tr_inaktiv“ class=”FormData“ rowpos=”11“>

</tr>

<tr class=”FormData“ style=”display: none;“>

<td class=”CaptionTD“/>

<td class=”DataTD“ colspan=”1“>

</td>

</tr>

</tbody>