kendo-------------添加dropDowList
需要引用kendo.js
<link type="text/css" href="../css/bootstrap.min.css" rel="stylesheet" />
<link type="text/css" href="../css/kendo/kendo.common.min.css" rel="stylesheet" />
<link type="text/css" href="../css/kendo/kendo.metro.min.css" rel="stylesheet" />
<script src="/Scripts/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-migrate-1.3.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/kendo/jszip.min.js"></script>
<script type="text/javascript" src="../js/kendo/kendo.all.min.js" ></script>
------------UI-----------------------------
<input id="ddlStatus" />
--------------js------------------------------
------单选
function GenerateAssetStatusDropDownList() {
$("#ddlStatus").kendoDropDownList({
filter: "startswith",
ignoreCase: true,
placeholder: "Select Status",
dataTextField: "Text",
dataValueField: "Value",
dataSource: {
type: "json",
transport: {
read: {
type: "POST",
cache: false,
url: "/ajaxCommon/GetAssetStatus",
contentType: "application/json; charset=utf-8",
dataType: "json"
}
},
schema: {
parse: function (response) {
return response;
}
}
}
});
}
--多选
function GenerateDensityDropDownList(){
$("#multiDensity").kendoMultiSelect({
autoClose: false,
tagMode: "single",
placeholder: "Select Density",
dataTextField: "name",
dataValueField: "name",
dataSource: [
{ name: "400DPI" },
{ name: "HDPI" },
{ name: "XHDPI" },
{ name: "XXHDPI" },
{ name: "XXXHDPI" }
]
});
}
----------------------Controllers----------------
public ActionResult QueryNonDesignerProjectSku()
{
List<ajaxModel.DropDownListBox> Packages = new List<ajaxModel.DropDownListBox>();
using (AssetReleaseSystemEntities DBContext = new AssetReleaseSystemEntities())
{
List<string> packageNames = DBContext.Configuration_Detail.Where(d => d.MasterID == 55).Select(d => d.Value).ToList();
Packages = packageNames.Select(p => new ajaxModel.DropDownListBox()
{
Text = p,
Value = p
}).ToList();
Packages.Insert(0, new ajaxModel.DropDownListBox() { Text = "All", Value = "" });
}
return Json(Packages, JsonRequestBehavior.AllowGet);
}