zoukankan      html  css  js  c++  java
  • 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);
            }

  • 相关阅读:
    Git哲学与使用
    save
    http://www.onvif.org/onvif/ver20/util/operationIndex.html
    图标
    C#高性能大容量SOCKET并发(一):IOCP完成端口例子介绍(转)
    一种基于PTP 协议的局域网高精度时钟同步方法(转)
    WPF中的数据模板(DataTemplate)(转)
    WPF中的ControlTemplate(控件模板)(转)
    也来说说C#异步委托(转)
    C#委托的介绍(delegate、Action、Func、predicate)(转)
  • 原文地址:https://www.cnblogs.com/gracexy/p/5457220.html
Copyright © 2011-2022 走看看