windows 10 - How to add ListBox Item Contextmenu in UWP -


i searching add context menu in every item of listbox item. know easy in wp8 app using toolkit. however, toolkit not supported in uwp.

how can add context menu in uwp listbox item?

thanks!

you can create listbox.itemtemplate menuflyout, example:

<listbox.itemtemplate>                 <datatemplate>                     <grid pointerentered="grid_pointerentered" >                         <flyoutbase.attachedflyout>                             <menuflyout>                                 <menuflyoutitem x:name="editbutton"                                                             text="edit"                                                             click="editbutton_click"/>                                 <menuflyoutitem x:name="deletebutton"                                                             text="delete"                                                             click="deletebutton_click"/>                             </menuflyout>                         </flyoutbase.attachedflyout>                         <textblock text="{binding name}" />                     </grid>                 </datatemplate>             </listbox.itemtemplate> 

handle pointerentered event show flyout when pointer has been moved listboxitem:

private void grid_pointerentered(object sender, pointerroutedeventargs e) {             frameworkelement senderelement = sender frameworkelement;             flyoutbase flyoutbase = flyoutbase.getattachedflyout(senderelement);             flyoutbase.showat(senderelement); } 

handle menuflyoutitem click event:

private void editbutton_click(object sender, routedeventargs e) {             var datacontext = (e.originalsource frameworkelement).datacontext;              //this datacontext object of type t }  private void deletebutton_click(object sender, routedeventargs e) {             var datacontext = (e.originalsource frameworkelement).datacontext;              //this datacontext object of type t } 

please check feasible sample on github


Comments

Popular posts from this blog

php - Invalid Cofiguration - yii\base\InvalidConfigException - Yii2 -

How to show in django cms breadcrumbs full path? -

ruby on rails - npm error: tunneling socket could not be established, cause=connect ETIMEDOUT -