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 = "width: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));
}
kendo 级联加带搜索的下拉框以及js赋值的更多相关文章
- 带搜索的下拉框Chosen
一:参考 https://harvesthq.github.io/chosen/ Chosen是一个jQuery插件 二:引入js文件 <link href="plug-in/chos ...
- ajax版本带搜索的下拉框
demo地址:https://github.com/aa1356889/MyAjaxSelectSearch
- 非常实用的select下拉框-Select2.js
在Web开发中,Select下拉框是常用的输入组件.由于原生的Select几乎很难通过CSS样式控制.一些好看的Select下拉框就只能通过模拟来实现.PHP程序员雷雪松给大家推荐一筐款不错的Sele ...
- 自定义SWT控件三之搜索功能下拉框
3.搜索功能下拉弹出框 package com.view.control.select; import java.util.ArrayList; import java.util.LinkedList ...
- Extjs4中用combox做下拉带图片的下拉框
今天,莫名的来个一个需求,需要做的一个下拉框中,需要有图片,这不...谷歌+度娘然后找网友,终于搞定.现在感谢这些提供资料的友友... 效果如图:
- web项目页面加载时,下拉框有值
1.我用的框架是springmvc和mybaitis 由于没有整个项目,直接就去请求的action :http://localhost:8080/ytert/test/selectStoreType ...
- easyui combotree下拉框多选赋值
发现jquery.easyui.min.js 1.3.4版本的用setValues给多选下拉框赋值不成功,只能用1.3.1版本的 Html代码: <input id="ProductL ...
- layui下拉框后台动态赋值
前台页面: <select name="xm" id="xm" lay-verify="required" lay-filter=&q ...
- easyui的combobox,自动搜索的下拉框
作者:多来哈米 如图,输入关键字,左匹配检索 HTML代码 <input class="easyui-combobox" name="userId" id ...
随机推荐
- php-config
php-config php-config 是一个简单的命令行脚本用于获取所安装的 PHP 配置的信息. 在编译扩展时,如果安装有多个 PHP 版本,可以在配置时用 --with-php-config ...
- 用Android Studio导出jar给Unity3D用
1.新建一个Android Studio工程,选择空Activity 2.创建一个Module 3.将Unity的依赖jar包拷贝到工程的libs下 4.增加Java代码 内容修改如下 package ...
- Android图表开发——AChartEngine
Android图表控件的开发 曾经开发过一个小程序,在Android电视机上面开发一个APP,用于显示一些统计图表的信息.最后找来找去基于Android Native开发有AChartEngine现成 ...
- DXP 内电层分割
多层电路板中间层设置与内电层如何分割 多层电路板与一般的电路板不同之处在于,多层电路板除了顶层和底层之外,还有若干中间层,这些中间层可以是信号层(mid layer),也可以是内部电源/接地层(int ...
- mui+vue+photoclip做APP头像裁剪上传
做APP由于项目需要,需要做用户头像上传的功能,头像上传包括拍照和相册选择图片进行上传,这里使用的技术是mui封装的plus,在进行图片裁剪的时候,使用的是photoclip来进行裁剪,由于个人在使用 ...
- yii---生产链接的方法
yii生成链接的方法: Yii::$app->urlManager->createUrl('xxx/xxx') <?= Yii::$app->urlManager->cr ...
- 8.27 jQuery
2018-8-27 19:38:06 jQuery 参考http://www.cnblogs.com/liwenzhou/p/8178806.html jQuery练习题和 .js文件在Github ...
- poj1269 intersecting lines【计算几何】
We all know that a pair of distinct points on a plane defines a line and that a pair of lines on a p ...
- windows下gcc的安装
首先打开 www.mingw.org . www.mingw.org 直接点击右上方的 Download Installer 即可下载. 点击 Download Installer 进入下载页 ...
- python3学习笔记(1)_string
#python学习笔记 17/07/07 # !/usr/bin/evn python3 # -*- coding:utf-8 -*- #r"" 引号当中的字符串不转义 #练习 # ...