zoukankan      html  css  js  c++  java
  • kendo 级联加带搜索的下拉框以及js赋值

    1‘、js给下拉框赋值

    $("#UserRole").data("kendoDropDownList").value(dataItem.RoleName);
    
    
    $('#MultiSelectMachineMasterTypes').data('kendoMultiSelect').dataSource.read();
    $("#MultiSelectMachineMasterTypes").data("kendoMultiSelect").value(arr0);
    

      

    2、实现storeId根据customerCode级联,而且storeId下拉框在输入时进行筛选

            @Html.RequiredIndicatorLabelFor(m => m.StoreId, new { @class = "col-sm-2 control-label no-padding-right" })
                <div class="col-sm-2">
                    @(Html.Kendo().DropDownListFor(m => m.StoreId)
                                  .Name("StoreId")
                                  .OptionLabel("请选择")
                                  .DataTextField("StoreName")
                                  .DataValueField("Id")
                                  .MinLength(3)
                                  .HtmlAttributes(new { style = "100%" })
                                  .Template("#= StoreName #")
                                  .Height(290)
                                  .Filter(FilterType.Contains)
                                  //.CascadeFrom("CustomerId")
                                  .DataSource(source =>
                                  {
                                      source.Custom()
                                          .ServerFiltering(true)
                                          .ServerPaging(true)
                                          .PageSize(8000)
                                          .Type("aspnetmvc-ajax")
                                          .Transport(transport =>
                                          {
                                              transport.Read(read =>
                                              {
                                                  read.Action("LoadStoreByCustomerCode", "EquipmentOrderManage")
                                                      .Data("getCustomerIdFilter");
                                              });
                                          })
                                          .Schema(schema =>
                                          {
                                              schema.Data("Data")
                                                  .Total("Total");
                                          });
                                  })
                    )
                    @Html.ValidationMessageFor(m => m.StoreId)
                </div>
            function getCustomerIdFilter() {
                return {
                    id: $("#CustomerId").val()
                };
            }

    public ActionResult LoadStoreByCustomerCode([DataSourceRequest] DataSourceRequest request)
    {
      return Json(_commonService.GetStores();.ToDataSourceResult(request));
    }

  • 相关阅读:
    Xshell6配置ssh免密码登录虚拟机
    编程语言的各种区别
    unity_小功能实现(敌人追踪主角)
    unity_小功能实现(敌人巡逻功能)
    Unity Editor已停止工作
    unity之初级必备知识
    unity之中级工程师
    iTween基础之功能简介
    C#数据结构_查找
    C#数据结构_排序
  • 原文地址:https://www.cnblogs.com/taoshengyujiu/p/6077238.html
Copyright © 2011-2022 走看看