jqgrid and typehead

Question

not working, sending text instead of id

mrmucha · Answer

1. create two fields ( with ID and TEXT) 2. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20                 &#123;name:'my_object_id', index:'my_object_id', width:10, editable:true,align:'right',formatter: 'number', hidden: true&#125;,                 &#123;                     name: "my_object_text", label: "my_object_text", width: 385, align: "center", editable: true,                     edittype: "text",editoptions:                         &#123;                             dataInit: function &#040;element&#041;                             &#123;                                 var $self = $&#040;this&#041;;                                 $&#040;element&#041;.attr&#040;"autocomplete","off"&#041;;                                 $&#040;element&#041;.typeahead&#040;&#123;                                     scrollBar: true,                                     alignWidth: false,                                     ajax: 'my_object/ajaxed_array',                                     onSelect: function&#040;return_obj&#041;&#123;                                         $&#040;"#my_object_id").val(return_obj.value);                                     &#125;                                 &#125;&#041;;                             &#125;                         &#125;                 &#125; {name:'my_object_id', index:'my_object_id', width:10, editable:true,align:'right',formatter: 'number', hidden: true}, { name: "my_object_text", label: "my_object_text", width: 385, align: "center", editable: true, edittype: "text",editoptions: { dataInit: function (element) { var $self = $(this); $(element).attr("autocomplete","off"); $(element).typeahead({ scrollBar: true, alignWidth: false, ajax: 'my_object/ajaxed_array', onSelect: function(return_obj){ $("#my_object_id").val(return_obj.value); } }); } } }

mrmucha · Answer

version that detects inline or form edit mode 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28                 &#123;                     name: "my_object_text", label: "my label", width: 385, align: "left", editable: true,                     edittype: "text", editoptions:                         &#123;                             dataInit: function &#040;element&#041; &#123;                                 $&#040;element&#041;.attr&#040;"autocomplete", "off"&#041;;                                 $&#040;element&#041;.typeahead&#040;&#123;                                     scrollBar: true,                                     alignWidth: false,                                     ajax: 'placowki/ajaxed_array',                                     onSelect: function &#040;cos&#041; &#123;                                         var id;                                         if &#040;$&#040;element&#041;.hasClass&#040;"FormElement"&#041;&#041; &#123;                                             //form                                             id = "my_object_id";                                         &#125; else if &#040;$&#040;element&#041;.closest&#040;".ui-search-toolbar"&#041;.length > 0&#041; &#123;                                             //filter                                             id = "gs_my_object_id";                                         &#125; else if &#040;$&#040;element&#041;.closest&#040;"tr.jqgrow"&#041;.length > 0&#041; &#123;                                             //inline                                             id = $&#040;element&#041;.closest&#040;"tr.jqgrow"&#041;.attr&#040;"id"&#041; + "_my_object_id";                                         &#125;                                          $&#040;"#"+id).val(cos.value);                                     &#125;                                 &#125;&#041;;                             &#125;                         &#125;                 &#125; { name: "my_object_text", label: "my label", width: 385, align: "left", editable: true, edittype: "text", editoptions: { dataInit: function (element) { $(element).attr("autocomplete", "off"); $(element).typeahead({ scrollBar: true, alignWidth: false, ajax: 'placowki/ajaxed_array', onSelect: function (cos) { var id; if ($(element).hasClass("FormElement")) { //form id = "my_object_id"; } else if ($(element).closest(".ui-search-toolbar").length > 0) { //filter id = "gs_my_object_id"; } else if ($(element).closest("tr.jqgrow").length > 0) { //inline id = $(element).closest("tr.jqgrow").attr("id") + "_my_object_id"; } $("#"+id).val(cos.value); } }); } } }