zoukankan      html  css  js  c++  java
  • KendoUI系列:ComboBox

      1、基本使用

      1>、创建Input

    <input id="color" placeholder="Select Color..." />
    <link href="@Url.Content("~/Content/kendo/2014.1.318/kendo.common.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2014.1.318/kendo.default.min.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/kendo/2014.1.318/jquery.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/kendo/2014.1.318/kendo.web.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#color").kendoComboBox({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: [
                    { text: "Black", value: "1" },
                    { text: "Orange", value: "2" },
                    { text: "White", value: "3" }
                ],
                filter: "contains" // 包括:eq,neq,gt,gte,lt,lte,startswith,endswith,contains,doesnotcontain
                //index: 1 // 默认选中项索引,索引从0开始。
            });
        });
    </script>

      效果预览:

      设置初始化时选中项:

    var color = $("#color").data("kendoComboBox");
    color.select(1); // 设置初始化时选中项,索引从0开始。

      获取当前选中项Value值:

    var color = $("#color").data("kendoComboBox");
    color.value(); 

      获取当前选中项Text值:

    var color = $("#color").data("kendoComboBox");
    color.text(); 

      2>、创建select

  • 相关阅读:
    bzoj1257 [CQOI2007]余数之和sum
    bzoj1053 [HAOI2007]反素数ant
    bzoj3680 吊打XXX
    CodeVS1344 线型网络
    bzoj1925 [Sdoi2010]地精部落
    2016年北大高代考研题解答
    巴塞尔问题(Basel problem)的多种解法
    积分计算题
    PDF添加水印的办法
    Matlab技巧1:在同一坐标系上绘制两个函数图像
  • 原文地址:https://www.cnblogs.com/libingql/p/3772957.html
Copyright © 2011-2022 走看看