cascadingdropdown 相关问题

在图形用户界面中,典型的“下拉列表”或“组合框”集合以分层方式连接。一个众所周知的例子是Country-State / Province-City组合。

在第一个组合框中进行选择后,级联表单遇到问题,无法让数据出现在第二个组合框中

我正在使用一个维修店数据库来保存我的客户、他们的设备以及为维修他们的设备而创建的任何维修票。我想要一份维修票表格,可以让我选择

回答 1 投票 0

如何安静地使用级联下拉菜单?

[DisplayName("Team"), LookupEditor(typeof(TeamRow))] 公共整数?团队ID { 获取 => fields.TeamId[this]; 设置 => fields.TeamId[this] = value; } [DisplayName("分配给&q...

回答 1 投票 0

AjaxToolkit CascadingDropdown 正在填充第一个父级,但未填充子级,因为knownCategoryValues 参数为空

我正在尝试将 ajaxToolKit CascadingDropdown 与从 ASMX WebService 填充的三个 DropdownList 控件一起使用。第一个下拉列表已正确填充,但是当我选择...

回答 1 投票 0

Django 管理下拉菜单依赖项将无法加载

首先,我知道还有其他关于该主题的帖子,但到目前为止没有一个对我有用,因此我在这里恳请您的帮助。 任务很简单:在 Django Admin 中,我有一个带有下拉菜单的表单,其...

回答 1 投票 0

Jquery 脚本无法在 Django 项目上运行

这是代码: {% 扩展 'base.html' %} {%加载静态%} {% 块标题 %} 细节 {% 末端嵌段 %} {% 块体 %} </scrip...</desc> <question vote="0"> <p>这是代码:</p> <pre><code>{% extends &#39;base.html&#39; %} {% load static %} {% block title %} Details {% endblock %} {% block body %} &lt;script src=&#34;{% static &#39;js/jquery.min.js&#39; %}&#34;&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function() { var $select1=$(&#39;#inlineFormCustomSelect&#39;), $select2=$(&#39;#inlineForm&#39;), $options=$select2.find(&#39;option&#39;); $select1.on(&#39;change&#39;,function() { $select2.html(options.filter(&#39;[value=&#34;&#39;+this.value+&#39;&#34;]&#39;)); });.trigger(&#39;change&#39;); }); &lt;/script&gt; &lt;/form&gt; &lt;center&gt; &lt;div class=&#34;container&#34;&gt; &lt;div class=&#34;card&#34;&gt; &lt;div class=&#34;card-title&#34;&gt;&lt;h1 style=&#34;text-align:center;&#34;&gt;&lt;u&gt;Fill in the details to continue:&lt;/u&gt;&lt;/h1&gt;&lt;/div&gt; &lt;div class=&#34;card-body&#34;&gt; &lt;form method=&#34;POST&#34; action=&#34;&#34; style=&#34;padding:4px; text-align:center;&#34;&gt; {% csrf_token %} &lt;input class=&#34;form-control form-control-lg&#34; type=&#34;text&#34; name=&#34;name&#34; placeholder=&#34;Name&#34; required&gt;&lt;br&gt;&lt;br&gt; &lt;input class=&#34;form-control form-control-lg&#34; type=&#34;date&#34; name=&#34;dob&#34; placeholder=&#34;Date of Birth&#34; required&gt;&lt;br&gt;&lt;br&gt; &lt;input class=&#34;form-control form-control-lg&#34; type=&#34;number&#34; name=&#34;age&#34; placeholder=&#34;Age&#34; required&gt;&lt;br&gt;&lt;br&gt; &lt;label&gt;Gender: &lt;/label&gt; &lt;input type=&#34;radio&#34; id=&#34;rd1&#34; name=&#34;gender&#34; value=&#34;Male&#34;&gt; &lt;label for=&#34;rd1&#34;&gt;Male&lt;/label&gt; &lt;input type=&#34;radio&#34; id=&#34;rd2&#34; name=&#34;gender&#34; value=&#34;Female&#34;&gt; &lt;label for=&#34;rd2&#34;&gt;Female&lt;/label&gt;&lt;br&gt;&lt;br&gt; &lt;input class=&#34;form-control form-control-lg&#34; type=&#34;number&#34; name=&#34;phno&#34; placeholder=&#34;Phone Number&#34; required&gt;&lt;br&gt;&lt;br&gt; &lt;input class=&#34;form-control form-control-lg&#34; type=&#34;email&#34; name=&#34;em&#34; placeholder=&#34;Email ID&#34; required&gt;&lt;br&gt;&lt;br&gt; &lt;textarea class=&#34;form-control form-control-lg&#34; rows=&#34;4&#34; cols=&#34;50&#34; name=&#34;address&#34; placeholder=&#34;Address&#34; required&gt;&lt;/textarea&gt;&lt;br&gt;&lt;br&gt; &lt;div class=&#34;form-row align-items-center&#34;&gt; &lt;div class=&#34;col-auto my-1&#34;&gt; &lt;label class=&#34;mr-sm-2&#34; for=&#34;inlineFormCustomSelect&#34;&gt;Department&lt;/label&gt; &lt;select class=&#34;form-select form-select-sm&#34; id=&#34;inlineFormCustomSelect&#34; required&gt; &lt;option selected&gt;Choose...&lt;/option&gt; {% for i in department %} &lt;option value=&#34;{{i.id}}&#34;&gt;{{i.name}}&lt;/option&gt; {% endfor %} &lt;/select&gt; &lt;/div&gt; &lt;/div&gt;&lt;br&gt;&lt;br&gt; &lt;div class=&#34;form-row align-items-center&#34;&gt; &lt;div class=&#34;col-auto my-1&#34;&gt; &lt;label class=&#34;mr-sm-2&#34; for=&#34;inlineForm&#34;&gt;Course&lt;/label&gt; &lt;select class=&#34;form-select form-select-sm&#34; id=&#34;inlineForm&#34; required&gt; &lt;option selected&gt;Choose...&lt;/option&gt; {% for i in course %} &lt;option value=&#34;{{i.id}}&#34;&gt;{{i.c_name}}&lt;/option&gt; {% endfor %} &lt;/select&gt; &lt;/div&gt; &lt;/div&gt;&lt;br&gt;&lt;br&gt; &lt;div class=&#34;form-row align-items-center&#34;&gt; &lt;div class=&#34;col-auto my-1&#34;&gt; &lt;label class=&#34;mr-sm-2&#34; for=&#34;select3&#34;&gt;Purpose&lt;/label&gt; &lt;select class=&#34;form-select form-select-sm&#34; id=&#34;select3&#34; required&gt; &lt;option selected&gt;Choose...&lt;/option&gt; &lt;option value=&#34;1&#34;&gt;Enquiry&lt;/option&gt; &lt;option value=&#34;2&#34;&gt;Place Order&lt;/option&gt; &lt;option value=&#34;3&#34;&gt;Return&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt;&lt;br&gt;&lt;br&gt; &lt;label&gt;Materials Provide:&lt;/label&gt; &lt;input type=&#34;checkbox&#34; value=&#34;1&#34; id=&#34;flexCheckDefault&#34;&gt; &lt;label class=&#34;form-check-label&#34; for=&#34;flexCheckDefault&#34;&gt;Notebooks&lt;/label&gt; &lt;input type=&#34;checkbox&#34; value=&#34;2&#34; id=&#34;flexCheck&#34;&gt; &lt;label class=&#34;form-check-label&#34; for=&#34;flexCheck&#34;&gt;Exam Papers&lt;/label&gt; &lt;input type=&#34;checkbox&#34; value=&#34;3&#34; id=&#34;flexCheckChecked&#34;&gt; &lt;label class=&#34;form-check-label&#34; for=&#34;flexCheckChecked&#34;&gt;Pen&lt;/label&gt;&lt;br&gt;&lt;br&gt; &lt;button type=&#34;submit&#34; class=&#34;btn btn-outline-success&#34;&gt;Submit&lt;/button&gt;&lt;br&gt; {% for msg in messages %} {{msg}}&lt;br&gt; Click &lt;a href=&#34;/&#34;&gt;here&lt;/a&gt;to return to homepage {% endfor %} &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/center&gt; {% endblock %} </code></pre> <p>即使导入jquery后,jquery也不会用不同的颜色突出显示关键字,它只是显示为白色纯文本。我正在使用 pycharm 来开发这个 web 应用程序,我应该做更多的事情来使其支持编写的 jquery</p> <p>我想让课程下拉列表依赖于部门下拉列表,即根据部门的选择应该出现相应的课程,即级联下拉列表</p> </question> <answer tick="false" vote="0"> <p>我假设课程中有一个 <pre><code>ForeignKey</code></pre> 部门字段。如果是这样,那么循环应该是:</p> <pre><code>&lt;!-- Department --&gt; &lt;option value=&#34;&#34;&gt;Select department&lt;/option&gt; {% for i in department %} &lt;option value=&#34;{{i.id}}&#34;&gt;{{i.name}}&lt;/option&gt; {% endfor %} &lt;!-- Course --&gt; &lt;option value=&#34;&#34;&gt;Select course&lt;/option&gt; {% for i in course %} &lt;option value=&#34;{{i.id}}&#34; data-department-id=&#34;{{i.department.id}}&#34;&gt;{{i.c_name}}&lt;/option&gt; {% endfor %} </code></pre> <p>...并且 jQuery 上的过滤可以更新为:</p> <pre><code>$select1.on(&#39;change&#39;,function() { // &#34;Reset&#34; the $select2 selection to &#34;Select course&#34;. $select2.val(&#39;&#39;); // &#34;Reset&#34; the options state to be no longer disabled and hidden. $select2.find(&#39;[disabled][hidden]&#39;).attr({ disabled: false, hidden: false }); // Set unrelated courses to be disabled and hidden. $select2.find(`:not([data-department-id=&#34;${this.value}&#34;])`).attr({ disabled: true, hidden: true, }); }); </code></pre> </answer> </body></html>

回答 0 投票 0

在 WordPress 中填充联系表单 7 的级联下拉列表

嘿伙计们,我希望你们一切都好。 我曾经使用从网站复制的这段代码,并且运行没有任何问题。 但突然间它就不再起作用了。 我不知道为什么,有人可以帮忙吗? ...

回答 0 投票 0

我们可以在 React.js 中单击复选框时添加下拉视图(带文本的图像)吗?

我正在做一个项目,我想在购物篮/购物车上添加一些很酷的功能。就像在购物篮中添加一些东西后,我想通过点击在购物篮中添加更多东西......

回答 0 投票 0

如何使用 python 从数据库中获取分层条目

我在 django 项目中有 3 个相互依赖的下拉菜单,Level1、Level2 和 Level3。这些水平可能会增加。这些下拉列表的映射以以下格式提供: 表名是 LevelMapping ...

回答 0 投票 0

使用 JQuery 和 ajax.googleapis.com 问题在 ASP.NET Core 7 MVC 中构建级联下拉列表问题

在尝试学习如何构建级联下拉列表时,我一直在使用 ASP.NET Core 7 搜索示例。从不同的 StackOverflow 帖子中给出了一个引用此站点的示例...

回答 0 投票 0

为什么我的级联下拉表单的选项没有出现?

我正在构建一个汽车维修估算器,需要创建一个依赖下拉列表,允许用户根据他们选择的品牌从各种模型中进行选择。我能看到和

回答 1 投票 0

在 Razor 页面中需要没有 MVC 和使用 Dapper 的级联下拉列表 [关闭]

需要一个示例,说明如何在不使用 MVC 和 EF 的情况下在同一 Razor 页面版本 .NET Core 6 或 7 中填充级联下拉列表,请仅通过使用 MVC 或/和 EF 找到。 我可以填写一个或多个...

回答 0 投票 0

如何使用预定义的选择列表在 razor 页面中创建级联下拉列表?

我知道这个问题在这里被问了很多,但大多数问题都是基于 MVC 并使用我不太熟悉的接口和控制器。而其他的交易...

回答 1 投票 0

我如何使用React Hooks将这个层叠下拉类组件转换为功能组件?

我在类组件窗体中有这个级联下拉,它工作得很好,但我想用React Hooks把它转换为功能性的。这是一个国家、州、城市的下拉菜单。当用户选择...

回答 1 投票 0

在编辑特定记录时如何在Angular中绑定级联下拉菜单?

**这是用于添加/编辑记录的对话框,页面加载时绑定了inventoryDe ptName。 itemCategory取决于invDept。并且项目组取决于itemcategory Code来填写...的记录...

回答 1 投票 0

级联下拉列表不会从数据库(MVC,JSON,C#)加载]]

全部-我是MVC / Java的新手,并且尝试了多种教程,以获得有关在MVC视图上为州和市工作的级联下拉列表的方法。我最近的尝试是使用此示例...

回答 1 投票 0

如何将这种从级联的下拉列表选择转换为React中的函数挂钩?

我具有国家,州和LGA的级联选择下拉列表。我想将其转换为React中的功能组件。我已经尝试过,但是没有成功。当用户选择国家时... ...>

回答 1 投票 0

ASP.NET Core MVC-无效的操作异常没有Ienumerable ]类型的视图数据< 我正在尝试根据在国家/地区下拉列表中选择的国家/地区名称来级联国家名称。我已经为所选国家/地区编写了JS for post方法。但是,当我在视图中添加状态下拉列表并对其进行调试时。我收到错误-没有键StateName1的Ienumerable类型的Viewdata。 NewRequestView模型 public class NewRequestView { public string SelectedCountry { get; set; } public IEnumerable<SelectListItem> Countries { get; set; } public IEnumerable<SelectListItem> State { get; set; } } 国家型号 public class Country { public int CountryID { get; set; } public string CountryName { get; set; } } 控制器 public IActionResult NewRequest() { var model = new NewRequestView { }; model.Countries = iMapper.Map<IEnumerable<Country>, IEnumerable<SelectListItem>>(GetCountries()); return View(model); } 查看 <div class="row"> <div class="col-xs-10 multiSelectCheckboxDiv" id="multiSelectCheckboxDiv"> <span class="col1 contrlLabel" style=" font-family:calibri;color:gray;font-size:15px">Clients<span style="font-weight:800;color:red;">*</span>:</span> @Html.DropDownList("CountryName", Model.Countries ,"Select Country",new { @class = "form-control"}) <div class="input-validation-errorText col-md-6" style="display:none;"> Please select Country. </div> </div> </div> <div class="row"> <div class="col-xs-10 multiSelectCheckboxDiv" id="multiSelectCheckboxDiv"> <span class="col1 contrlLabel" style=" font-family:calibri;color:gray;font-size:15px">Clients<span style="font-weight:800;color:red;">*</span>:</span> @Html.DropDownList("StateName1", Model.State, "Select State", new { @class = "form-control" }) <div class="input-validation-errorText col-md-6" style="display:none;"> Please select state. </div> </div> </div> 我使用AutoMapper映射国家/地区名称。 映射器 var config = new MapperConfiguration(cfg => { cfg.CreateMap<Client, SelectListItem>() .ForMember(x => x.Text, opt => opt.MapFrom(o => o.CountryName)) .ForMember(x => x.Value, opt => opt.MapFrom(o => o.CountryName)); }); return config.CreateMapper(); [从选定国家/地区出发,我解雇了JS以获取所有州名。但是在我选择自己之前,我得到了错误 InvalidOperationException:没有类型为“ IEnumerable”的ViewData项目具有键“ StateName1”。 让我知道我在这里做什么错误 我正在尝试根据在国家/地区下拉列表中选择的国家/地区名称来级联国家名称。我已经为所选国家/地区编写了JS for post方法。但是当我添加状态下拉列表... 无效的操作异常,没有可枚举类型的视图数据 这是由于视图中提供给Html.DropdownList()的空列表所致。 看您的控制器动作,您没有能提供model.State值的任何东西。 public IActionResult NewRequest() { var model = new NewRequestView { }; model.Countries = iMapper.Map<IEnumerable<Country>, IEnumerable<SelectListItem>>(GetCountries()); // you need something like this model.State = new List<SelectListItem>(){ new SelectListItem(){ Text = "Test", Value = "Test" } }; return View(model); } [另一种选择是,由于一旦选择了一个国家,州记录就会来自ajax事件,因此您实际上可以将模型保留为空白。州为空白,不使用Html.Dropdown()。 您可以执行此操作;提交表单时,手动创建的选择字段仍将被视为模型的一部分。 <div class="row"> <div class="col-xs-10 multiSelectCheckboxDiv" id="multiSelectCheckboxDiv"> <span class="col1 contrlLabel" style=" font-family:calibri;color:gray;font-size:15px">Clients<span style="font-weight:800;color:red;">*</span>:</span> <select id="StateName1" name="Model.State" class="form-control"> <option>Select State</option> </select> <div class="input-validation-errorText col-md-6" style="display:none;"> Please select state. </div> </div> </div> 您需要通过将Country ID传递给您的方法并通过JSON返回StateList来进行AJAX调用以获取状态。 检查Cascaded Dropdown Example的逐步说明。

回答 2 投票 0

修复下拉列表HTML / CSS中的群集列表

我正在尝试创建一个下拉菜单,然后尝试创建一个下拉菜单,菜单中的列表项全部聚集在同一行中。我似乎无法找出问题所在。我正在尝试更改...

回答 1 投票 0

共享点在线分类法级联下拉列表

我有一个自定义过滤器Web部件,我想在其中添加级联下拉选择。我需要使用下拉菜单的父节点和子节点来填充下拉列表。术语集层次结构示例:...

回答 2 投票 0

使用命名范围通过vba创建excel数据验证

我有以下代码:函数createCascadingDropDown(sourceTable作为ListObject,targetTable作为ListObject,targetTableCorespondingColumn作为整数,targetWs作为工作表,...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.