标签: cascadingdropdown

我有一个包含各种控件的网页.其中两个是下拉列表.第一个下拉列表从page_load事件的xml文件中填充.这很好用.在第一个下拉列表中附加了一个级联下拉列表扩展器,每次更改第一个下拉列表中的选择时,都会调用Web服务.这也很好.在我的两个下拉列表下面,我有一个按钮,可以将页面发回.但是,当我在第二个下拉列表中进行选择并单击按钮时,我收到以下错误:

'/'应用程序中的服务器错误.无效的回发或回调参数.使用配置或页面中的<%@ Page EnableEventValidation ="true"%>启用事件验证.出于安全考虑,此功能可验证回发或回调事件的参数是否来自最初呈现它们的服务器控件.如果数据有效且符合预期,请使用ClientScriptManager.RegisterForEventValidation方法注册回发或回调数据以进行验证.描述:执行当前Web请求期间发生未处理的异常.请查看堆栈跟踪以获取有关错误及其源自代码的位置的更多信息.

异常详细信息:System.ArgumentException:无效的回发或回调参数.使用配置或页面中的<%@ Page EnableEventValidation ="true"%>启用事件验证.出于安全考虑,此功能可验证回发或回调事件的参数是否来自最初呈现它们的服务器控件.如果数据有效且符合预期,请使用ClientScriptManager.RegisterForEventValidation方法注册回发或回调数据以进行验证.

来源错误:

在执行当前Web请求期间生成了未处理的异常.可以使用下面的异常堆栈跟踪来识别有关异常的起源和位置的信息.

堆栈跟踪:

[ArgumentException:无效的回发或回调参数.使用配置或页面中的<%@ Page EnableEventValidation ="true"%>启用事件验证.出于安全考虑,此功能可验证回发或回调事件的参数是否来自最初呈现它们的服务器控件.如果数据有效且符合预期,请使用ClientScriptManager.RegisterForEventValidation方法注册回发或回调数据以进行验证.] System.Web.UI.ClientScriptManager.ValidateEvent(String uniqueId,String argument)+10945696 System.Web.UI .WebControls.DropDownList.LoadPostData(String postDataKey,NameValueCollection postCollection)+72 System.Web.UI.Page.ProcessPostData(NameValueCollection postData,Boolean fBeforeLoad)+507 System.Web.UI.Page.

抱歉可怕的格式化.有关为什么抛出此错误以及如何防止它的任何建议？

谢谢,
本

我有一个KendoUI下拉列表如下:

@(Html.Kendo().DropDownList()
                                  .Name("DeviceInterfaces")
                                  .OptionLabel("Select interface...")
                                  .DataTextField("Name")
                                  .DataValueField("Id")
                                  .DataSource(source => source.Read(read => read.Action("GetCascadeDeviceInterfaces", "EventTriggers")))
                            )

这是一个级联下拉列表,如何设置用户选择的模型属性？

我对knockout.js很新,但是,我一直很乐意在我的ASP.NET MVC 4项目中使用它,直到我遇到这个困扰我一段时间的障碍,似乎无法把我放在手指放在上面.

我正在处理的场景需要几个位置数据组合(区域,国家,城市),即级联下拉列表,这在输入新数据时不是问题,但我在尝试时遇到了问题编辑保存的数据.

数据采用JSON格式,带有嵌套数组,如下所示(为简化说明而缩写):

var newData = 
[
  {
    "ID":1,
    "Name":"Australia and New Zealand",
    "Countries":[
      {
        "ID":13,
        "Name":"Australia",
        "Cities":[
          {
            "ID":19,
            "Name":"Brisbane"
          },
          {
            "ID":28,
            "Name":"Cairns"
          },
...

我怀疑我无法正确加载数据(或者更清楚地绑定它),因为我无法访问Region子阵列(包含Region的国家/地区)和Countries子阵列(包含国家/地区的城市) .

然后是预先填充选项的问题,部分工作,viewmodel加载行数,但不选择任何东西.

这是VM:

   var existingRows = [
    {
        "Region": 1,
        "Country": 13,
        "City": 19
    },
    {
        "Region": 1,
        "Country": 158,
        "City": 3
    }];

   var Location = function (region, country, city) {
       var self = this;
       self.region = ko.observable(region);
       self.country = ko.observable(country);
       self.city = ko.observable(city);

       // Whenever the region …

我有一个基于Knockout JS的问题,带有一些级联选项列表,并切换出与它们相关的底层"活动"对象.

我创建了一个jsfiddle来演示这个问题.

我有一个用户界面,其中用户正在编辑主"标题"记录并添加/删除/编辑子记录.有一个用于编辑儿童记录的中心区域.想法是单击表中的子记录,这将成为正在中间区域编辑的记录.

我遇到的问题是由于第二个下拉列表中的事物列表根据第一个下拉列表而变化.在活动记录更改之前,这很好.如果类别因活动记录更改而更改,则"事物"列表也会更改.此时,清除新活动子记录中选择的"事物"(第二个下拉列表).

我假设新活动记录的值发生了变化,但是因为它没有出现在旧列表中(如果类别已更改),则会被清除.然后更改项目本身列表(包括适当的值),但此时该值已从视图模型中消失.

(我意识到这是一个冗长的解释,希望jsfiddle明确表示)

如何更改下拉列表中的项目列表以及视图模型中的选定值,同时不会丢失所选值？

HTML:

<label>Some header field</label>
<input type="text" id="txtSomeHeaderField" data-bind="value: HeaderField" />

<fieldset>
    <legend>Active Child Record</legend>

    <label>Category</label>
    <select id="ddlCategory" data-bind="options: categories, value: ActiveChildRecord().Category, optionsCaption:'Select category...'" ></select>

    <label>Things</label>
    <select id="ddlThings" data-bind="options: ThingsList, value: ActiveChildRecord().Favorite, optionsCaption:'Select favorite thing...'" ></select>
</fieldset>

<button data-bind="click: AddChildRecord" >Add a child record</button>

<table id="tblChildRecords" border>
    <thead>
        <tr>
            <th>Category</th>
            <th>Favorite Thing</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: ChildRecords">
        <tr data-bind="click: ChildRecordClicked, css: {activeRow: ActiveChildRecord() === $data}" >
            <td data-bind="text: Category"></td> …

我正在创建一个 Flask 表单，我需要在 Flask 中显示基于其他一些下拉选择字段的下拉列表。我可以用 HTML 做到这一点，但发现很难在 Flask 形式中做到同样的事情。

路线.py：

class RegistrationForm(FlaskForm):
    category = SelectField('Category', choices = [('Clothes', 'Clothes'), ('Watch', 'Watch')])
    subcategory = SelectField('Sub Category', choices = [('USPA', 'USPA'), ('LEE', 'LEE'), ('FOSSIL', 'FOSSIL'), ('TITAN', 'TITAN')])
    submit = SubmitField('Register')

HTML：

<form action="" method="post">
    {{ form.hidden_tag() }}
    <p>
    <p>
        {{ form.category.label }}<br>
        {{ form.category }}<br>
        {% for error in form.category.errors %}
        <span style="color: red;">[{{ error }}]</span>
        {% endfor %}
    </p>
    <p>
        {{ form.subcategory.label }}<br>
        {{ form.subcategory }}<br>
        {% for error in form.subcategory.errors …

大家好，我是 React 新手。我正在尝试使用反应钩子创建一个级联下拉列表，我的方法效果很好，但我觉得我的方法有问题。请检查此代码并告诉我有一种方法可以改进我的代码。提前致谢

import React, { useState } from 'react';
import './App.css';


function App() {

    const[data, setName] = useState({
      countrie:"",
      state:""
    });


    let state;
    const countrie =['Germany','India','France']

    const gstate = ['Duesseldorf', 'Leinfelden-Echterdingen', 'Eschborn']
    const istate = ['Delhi', 'Kolkata', 'Mumbai', 'Bangalore']
    const fstate =['Auvergne','Bretagne','Corse','Centre']

    if(data.countrie==="Germany"){

        state = gstate.map((gstate,key)=> <option key={key} value={gstate}>{gstate}</option>)

     }else if(data.countrie==="India"){

        state = istate.map((istate,key)=> <option key={key} value={istate}>{istate}</option>)

     }else{

       state = fstate.map((fstate,key)=> <option key={key} value={fstate}>{fstate}</option>)
     }

    const countries = countrie.map((countrie,key)=> <option key={key} value={countrie}>{countrie}</option>)


  function handleCountry(e){
    
    setName({...data,countrie:e.target.value});

  }

  function handleStateChange(e){
    
    setName({...data,state:e.target.value}); …

我有一个带有EF的ASP.NET MVC 4项目我有一个包含Parteners的表.此表有两种类型的合作伙伴:代理(part_type = 1)和客户端(part_type = 2).在Create视图中,我有第一个显示所有代理的DropDownList,一个按钮和第二个DDL,它显示了与所选代理对应的所有客户端.Q1:我用什么按钮？,, @ Html.ActionLink()？Create.cshtml

    <div class="editor-field">
        @Html.DropDownList("idagenti", ViewData["idagenti"] as List<SelectListItem>, String.Empty)
    </div>
    @*a button*@
    <div class="editor-label">
        @Html.LabelFor(model => model.id_parten, "Client")
    </div>
    <div class="editor-field">
        @Html.DropDownList("id_parten", String.Empty)
        @Html.ValidationMessageFor(model => model.id_parten)
    </div>

OrdersController.cs

 public ActionResult Create(int? id) // id is the selected agent
 {
    var agqry = db.partener.Where(p => p.part_type == 1).Where(p => p.activ == true);
    var cltqry = db.partener.Where(p => p.part_type == 2).Where(p => p.activ == true);
    List<SelectListItem> idagenti = new List<SelectListItem>();
    foreach (partener ag …

任何人都可以向我解释这些代码的结构吗？

一个实例.Name("products")是DropDownList名字,我想知道那些是什么(你叫什么名字这个(Name,OptionLabel,等)),因为它真的让我困惑.我陷入了创建级联的困境DropDownList.

@(Html.Kendo().DropDownList()
      .Name("products")
      .OptionLabel("Select product...")
      .DataTextField("ProductName")
      .DataValueField("ProductID")
      .DataSource(source => {
          source.Read(read =>
          {
              read.Action("Type", "ComboBox")
                  .Data("filterProducts");
          })
          .ServerFiltering(true);
      })
      .Enable(false)
      .AutoBind(false)
      .CascadeFrom("categories")
)
<script>
    function filterProducts() {
        return {
            categories: $("#categories").val()
        };
    }
</script>

<p>
<label for="orders">Orders:</label>
@(Html.Kendo().DropDownList()
      .Name("orders")
      .OptionLabel("Select order...")
      .DataTextField("ShipCity")
      .DataValueField("OrderID")
      .DataSource(source => {
          source.Read(read =>
          {
              read.Action("SubType", "ComboBox")
                  .Data("filterOrders");
          })
          .ServerFiltering(true);
      })
      .Enable(false)
      .AutoBind(false)
      .CascadeFrom("products")
)
<script>
    function filterOrders() {
        return {
            products: $("#filterOrders").val()
        };
    } …