How to get the selected item from the LookupGrid after selection instead of just the Id key

Title:

BI{code} ?

Is it possible to get the selected item from the LookupGrid instead of just the key, I would like to optimize and avoid getting the selected item by key after the user selects a value from the LookupGrid. @(Html.Awe().LookupFor(o => o.MealCustomPopup) .LookupGrid(Url.Action("MealLookupGrid")) .Height(500) .MaxWidth(900) .Controller("MealLookup")) @(Html.Awe().Lookup(new LookupOpt { Name = "LookupGridWindow", Dropdown = false, Modal = true, OutClickClose = true, Height = 700, MaxWidth = 900, Controller = "MealLookup", ClearButton = true }) .LookupGrid(Url.Action("MealLookupGrid"))) LookupGrid View @model AweCoreDemo.ViewModels.Input.Lookup.LookupPopupInput @using (Html.Awe().BeginContext()) { <div class="awe-search bar"> @Html.Awe().TextBoxFor(o => o.Search).Placeholder("search...") </div> @(Html.Awe().Grid("MealsGrid") .Mod(o => o.Main().KeyNav().InfiniteScroll()) .Selectable(SelectionType.Single) .Parent(o => o.Search, "name") .Columns( new Column { Bind = "Id", Width = 75, Resizable = false }.Mod(o => o.Autohide()), new Column { Bind = "Name", Width = 150 }.Mod(o => o.Nohide()), new Column { Bind = "Description", CssClass = "txtlim" }) .Url(Url.Action("MealsGrid", "Data")) .Groupable(false)) }

Save Changes Cancel

RayBen

asked 2 months ago

Answers

• BI{code} ?

  This can only be done by changing `awem.js`, find this: `function lookupGrid(o)`, and inside this function modify/add this code: api.ok = function () { let selRow = popup.find(saweselectedc); setVal(selRow); }; function setVal(selRow) { let grid = selRow.closest('.awe-grid'); let gapi = dapi(grid); let model = gapi.model(selRow); o.selectedItem = model; api.sval(selRow.data('k')); } o.v.on('awepopupinit', function () { popup = o.p.d; popup.on('dblclick', sawerowc, function (e) { if (!istrg(e, '.awe-nonselect')) { setVal($(this)); } }); popup.on(saweinit, function (e) { var g = trg(e); if (g.is(sawegridcls)) { dto(g).pro = dto(popup); } }); }); and to get the selected item on change you can call: $('#lookupId').on('change', function() { let selectedItem = $(this).data('o').selectedItem; console.log(selectedItem); });

  Save Changes Cancel

  

  Omu

  answered 2 months ago

  • Thank you, I tested it successfully.
    2 months ago RayBen

please Sign In to leave an answer