drop-down-menu 相关问题

我的菜单项变得更大，因此我想将它们分组并制作一个分隔线来分隔每个组。我现在应该怎么做？我的菜单项变得更大，因此我想将它们分组并制作一个分隔线来分隔每个组。我现在该怎么办？ <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto">  <item android:id="@+id/action_addtag" android:title="@string/add_hashtag_string" app:showAsAction="never" /> <item android:id="@+id/action_block_list" android:title="Block" app:showAsAction="never" /> <item android:id="@+id/action_report_list" android:title="Report" app:showAsAction="never" />  <item android:id="@+id/terms" android:title="Terms" app:showAsAction="never" /> <item android:id="@+id/feedback" android:title="FeedBack" app:showAsAction="never" />  <item android:id="@+id/action_setting" android:title="Setting" app:showAsAction="never" /> </menu> 膨胀菜单时请务必致电MenuCompat.setGroupDividerEnabled(menu, true);，否则组将不会被分隔线分开！示例： @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_activity_main, menu); MenuCompat.setGroupDividerEnabled(menu, true); return true; } 并确保您的菜单 xml 中有不同的组，例如： <menu> <group android:id="@+id/sorting" > <item android:id="@+id/action_sorting_new_old" android:title="@string/action_sorting_new_old"/> <item android:id="@+id/action_sorting_a_z" android:title="@string/action_sorting_a_z"/> </group> <group android:id="@+id/settings"> <item android:id="@+id/action_settings" android:title="@string/action_settings"/> </group> </menu> 您需要做的就是定义一个具有唯一 ID 的组，我已经检查了实现，如果组具有不同的 id，它将创建一个分隔符。示例菜单，创建分隔符： <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity"> <group android:id="@+id/grp1"> <item android:id="@+id/navigation_item_1" android:checked="true" android:icon="@drawable/ic_home" android:title="@string/navigation_item_1" /> </group> <group android:id="@+id/grp2"> <item android:id="@+id/navigation_item_2" android:icon="@drawable/ic_home" android:title="@string/navigation_item_2" /> </group> 希望这有帮助更新对于菜单项也许你可以使用这个 <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"> <item android:id="@+id/action_cart" android:title="cart" android:actionLayout="@layout/cart_update_count" android:icon="@drawable/shape_notification" app:showAsAction="always"/> </menu> actionLayout 文件将是 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="match_parent" android:orientation="vertical"> <View android:id="@+id/divider" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/divider"/> <TextView android:id="@android:id/text" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?android:attr/selectableItemBackground" android:gravity="center_vertical" android:textAppearance="?attr/textAppearanceListItemSmall"/> </LinearLayout> 老问题，但上述答案对我不起作用（并且我反对为单个项目添加“组”）。起作用的是添加一个样式元素，如下所示：  <style name="AppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar">   <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">#17161B</item> <item name="colorAccent">@color/colorAccent</item> <item name="android:dropDownListViewStyle">@style/PopupMenuListView</item>//<-add this </style> 参考文献 <style name="PopupMenuListView" parent="@style/Widget.AppCompat.ListView.DropDown"> <item name="android:divider">#dddddd</item> <item name="android:dividerHeight">1dp</item> </style> 在同一个 res/values/styles.xml 文件中。希望有帮助！如果您需要在“溢出”菜单中添加垂直线（最右侧的省略号）：假设您已添加新的菜单资源文件，请执行以下操作。对菜单项进行分组并为每个组分配唯一的 ID <group android:id="@+id/group1"> <item android:id="@+id/action_about" android:orderInCategory="100" android:title="@string/about" app:showAsAction="never" /> </group> <group android:id="@+id/group2"> <item android:id="@+id/action_settings" android:orderInCategory="200" android:title="@string/settings" app:showAsAction="never" /> </group> 当您在 Activity 的 oncreate 方法中膨胀菜单时： getMenuInflater().inflate(R.menu.main, menu);//inflate menu MenuCompat.setGroupDividerEnabled(menu, true);//add horizontal divider 对于 Android SDK 28+：将具有 id (!) 的组添加到 xml 菜单文件中以进行分配。 <group android:id="@+id/id_0"> ... </group> 添加行代码。 @Override public boolean onCreateOptionsMenu(Menu menu) { ... menu.setGroupDividerEnabled( true ); // this line ... } 这对我来说非常有效... <item android:title="@string/divider" MetaJsoup:showAsAction="ifRoom|withText" /> <string name="divider">-------------</string>

android drop-down-menu menu contextmenu menuitem

回答 6 投票 0

不存在具有键“RouterElect”的“IEnumerable<SelectListItem>”类型的 ViewData 项

这个问题之前曾被问过类似的问题，但我不确定如何将这些答案应用于我的具体问题：视图模型公共字符串 RouterElect { 得到;放; } 看法如果（（！字符串。

asp.net-mvc drop-down-menu ienumerable selectlist viewdata

回答 1 投票 0

React Native Expo 模式内的自定义下拉菜单未正确显示

我最近按照 YouTube 教程创建了一个自定义下拉组件（下面的代码片段）。下拉菜单效果很好，但有一个我无法解决的大样式问题。每当我...

css react-native drop-down-menu expo

回答 1 投票 0

Django：在模板中选择选项

在我的 Django 模板中，我使用下拉菜单中的对象列表。我正在根据选择对其进行处理。 HTML 模板：在我的 Django 模板中，我使用下拉菜单中的对象列表。我正在根据选择进行处理。 HTML 模板： <select id="org" name="org_list" onChange="redirectUrl()"> <option value="" selected="selected">---SELECT---</option> {% for org in organisation %} <option value="{{org.id}}">{{org.name|capfirst}}</option> {% endfor %} </select> 问题是，当我从下拉菜单中选择值时，我得到了属于所选内容的内容。由于属性 selected="selected" 仅修复到 "---SELECT---" 元素，除非我将 selected="selected" 放入 <option value="{{org.id}}" selected="selected">{{org.name|capfirst}}</option> 在这些组织中，最后一个迭代元素仅通过下拉菜单进行固定。但我希望所选元素显示在下拉菜单中。如何解决这个问题？您需要将当前选定的组织传递到视图中，可能为 current_org，这样当您迭代组织时，您可以与当前组织进行比较以确定是否选择它，例如： {% for org in organisation %} <option value="{{org.id}}" {% if org == current_org %}selected="selected"{% endif %}> {{org.name|capfirst}} </option> {% endfor %} 最近我找到了解决这个问题的更好方法，我在 django 论坛上分享了在此再次重申： {% for option in form.form_field.subwidgets %} <option value="{{ option.data.value }}" {{option.data.attrs.selected|safe|yesno:"selected,"}}> {{ option.choice_label }} </option> {% endfor %}

html drop-down-menu django-templates

回答 0 投票 0

如何将值从下拉菜单中的可用部分移动到选定部分

在 Selenium WebDriver 中使用 selectByVisibleText() 方法时，它会正确突出显示下拉列表中所需的选项，但不会从“可用值”秒中移动所选值...

java selenium-webdriver xpath drop-down-menu

回答 1 投票 0

从动态创建的下拉菜单更新当前下拉值时出现问题

我在读取 JavaScript 中动态创建的下拉列表的值时遇到问题。我调用函数 addElement_Tract()，它是创建下拉列表的函数，并读取当前的...

javascript html dom drop-down-menu

回答 1 投票 0

占位符不适用于有角度的材质？

<select id="chefId" formControlName="chefId" class="form-control" placeholder="d.ff"> <option value="" selected disabled>Sélectionner un Chef</option> <option *ngFor="let buHead of buHeads" [value]="buHead.userId">{{ buHead.name }}</option> </select> 我想给 ChefId 一个占位符（https://i.sstatic.net/Z9DCN3mS.png） this.addUserForm = this.formBuilder.group({ name: ['', Validators.required], email: ['', [Validators.required, Validators.email]], password: ['', Validators.required], confirmPassword: ['', Validators.required], role: ['', Validators.required], chefId: [''], }); In Angular Material, placeholders for <select> elements are handled differently compared to regular HTML. The placeholder attribute doesn't work directly on <select> elements. Instead, you need to use Angular Material's <mat-select> component, which supports placeholders natively. Here's how you can achieve this using Angular Material's `<mat-select>`: 1.Install Angular Material (if not already installed): ng add @angular/material 2.Import MatSelectModule in your app module: import { MatSelectModule } from '@angular/material/select'; @NgModule({ ... imports: [ ... MatSelectModule, ... ], ... }) export class AppModule { } 3. Update your template to use <mat-form-field> and <mat-select>: <mat-form-field appearance="fill"> <mat-label>Sélectionner un Chef</mat-label> <mat-select id="chefId" formControlName="chefId"> <mat-option value="" disabled>Sélectionner un Chef</mat-option> <mat-option *ngFor="let buHead of buHeads" [value]="buHead.userId">{{ buHead.name }}</mat-option> </mat-select> </mat-form-field> Here, <mat-form-field> is a container for form elements, and <mat-label> serves as a label for the field. The placeholder text "Sélectionner un Chef" is displayed by default when no option is selected. 4.Ensure your form is properly defined in the component: import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; @Component({ selector: 'app-your-component', templateUrl: './your-component.component.html', styleUrls: ['./your-component.component.css'] }) export class YourComponent implements OnInit { addUserForm: FormGroup; buHeads = [ { userId: '1', name: 'Chef One' }, { userId: '2', name: 'Chef Two' } // Add more chef objects here ]; constructor(private formBuilder: FormBuilder) {} ngOnInit(): void { this.addUserForm = this.formBuilder.group({ name: ['', Validators.required], email: ['', [Validators.required, Validators.email]], password: ['', Validators.required], confirmPassword: ['', Validators.required], role: ['', Validators.required], chefId: ['', Validators.required] }); } }

angular drop-down-menu angular-material placeholder selectedvalue

回答 0 投票 0

收到错误错误：“BsDropdownDirective”既不是“ComponentType”也不是“DirectiveType”

我在我的 HTML 中使用 Angular 9 和 NgX [email protected]，如下所示：- 我在我的 HTML 中使用 Angular 9 和 NgX [电子邮件受保护]，如下所示：- <div class="btn-group" dropdown> <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle" aria-controls="dropdown-basic"> Button dropdown <span class="caret"></span> </button> <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu" role="menu" aria-labelledby="button-basic"> <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li> <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li> <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li> <li class="divider dropdown-divider"></li> <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a> </li> </ul> </div> 在我的 ts 文件中，我有这样的 import { Component } from '@angular/core'; @Component({ selector: 'demo-dropdown-basic', templateUrl: './basic.html', providers: [ { provide: BsDropdownConfig, useValue: { isAnimated: true, autoClose: true }, }, ], }) export class DemoDropdownBasicComponent {} 当我运行代码时，出现以下错误：- core.js:6241 ERROR Error: 'BsDropdownDirective' is neither 'ComponentType' or 'DirectiveType'. at extractDirectiveDef (core.js:1964) at Array.map (<anonymous>) at def.directiveDefs (core.js:1926) at createTView (core.js:12307) at getOrCreateTComponentView (core.js:12252) at addComponentLogic (core.js:13224) at instantiateAllDirectives (core.js:12994) at createDirectivesInstances (core.js:12209) at ɵɵelementStart (core.js:21302) 你需要定义BsDropdownConfig import { Component } from '@angular/core'; import { BsDropdownConfig } from 'ngx-bootstrap/dropdown'; // add this line @Component({ selector: 'demo-dropdown-basic', templateUrl: './basic.html', providers: [{ provide: BsDropdownConfig, useValue: { isAnimated: true, autoClose: true } }] }) export class DemoDropdownBasicComponent {} 我遇到了问题，上面的 div 中缺少 dropdown 指令

html angular drop-down-menu angularjs-directive ngx-bootstrap

回答 2 投票 0

Material UI - 菜单组件锁定主体滚动条

我使用 Material-ui Menu 组件制作了一个下拉菜单。问题是一旦打开下拉菜单，主体滚动条就会消失并且无法滚动页面。我试图寻找答案...

reactjs drop-down-menu scroll material-ui disable

回答 3 投票 0

正确的语义选择样式

我想在我的网络应用程序中创建一个自定义样式的选择元素。但是，我担心我应该使用的方法。设置默认选择的样式为我提供了一些选项，但我无法完全设置...

javascript html css drop-down-menu semantics

回答 1 投票 0

drop-down-menu 相关问题

最新问题