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 ...
随机推荐
- 用ChrootDirectory限制SFTP登录的用户只能访问指定目录且不能进行ssh登录
创建不能ssh登录的用户sftpuser1,密码用于sftp登录: sudo adduser sftpuser1 --home /sftp/sftpuser1 --shell /bin/false s ...
- jquery的ajax()函数中文传值出现乱码完美解决方案
1. jquery的ajax()函数 $.ajax({ type: "POST", dataType: "text", url: ".. ...
- React 事件处理函数
触摸事件:onTouchCancel\onTouchEnd\onTouchMove\onTouchStart (只会在移动设备上接受) 键盘事件:onKeyDown\onKeyPress\onKeyU ...
- wpgcms---详情页面数据怎么渲染
wpgcms的详情页面的数据会被保存在 contentInfo 这么一个字段里面. 面包屑导航调用: <p>当前位置 {% for c in crumb|slice(1, crumb|le ...
- jQuery将时间转化为时间戳或将时间戳转化为时间
下面的这段代码,是可以将时间戳转为时间,或者将时间戳转为时间: <script type="text/javascript"> $.extend({ myTime:{ ...
- PowerDesigner 把Comment/name 互转
转载:https://www.cnblogs.com/cxd4321/archive/2009/03/07/1405475.html 在使用PowerDesigner对数据库进行概念模型和物理模型设计 ...
- Python 基础知识(二)
一.基础数据类型 1.数字int 数字主要是用于计算用的,使用方法并不是很多,就记住一种就可以: #bit_length() 当十进制用二进制表示时,最少使用的位数 # -*- coding:UTF- ...
- 使用VS Code编译运行C/C++程序
使用VS Code编译运行C/C++程序 - qq_435248055的博客 - CSDN博客 https://blog.csdn.net/qq_31823267/article/details/78 ...
- 【Git 使用笔记】第二部分:基本命令 和 单分支开发
git 基本命令 git add . git commit -am "请填写你NB的备注" git fetch --all git fetch -p //如果远程分支删除了,本地 ...
- SPARQL 入门教程
1.准备工作 1.1 下载ZIP 1.2 配置环境变量 1.3 查询文件 vc-db-1.rdf 2. 查询操作 2.1 普通查询 /** * 查询family为"Smith"的 ...