<kendo UI>第二篇:kendo UI基本控件的初始化

kendo UI控件的初始化有很多种方式,不过我习惯按钮和普通文本框采用在html代码里进行初始化,其余的比如下拉框、日期控件、表格,还有 一些比 较特殊的数字文本框之类的,我就习惯在jquery代码里进行初始化。我只写出几种常用控件的初始化,更多的控件初始化方式其实大同小异了,大家可以查阅 kendo的官方文档。

kendo普通文本框的初始化:

    <input id="你的文本框ID" type="text" class="k-input k-textbox"/>  

当然,你也可以在里面用style属性加一些元素样式,比如宽度width之类的,全部可以使用px单位进行表示。

kendo按钮的初始化:

    <input id="你的按钮ID" type="button" value="你的按钮显示文本" class="k-button k-primary" />  

以上两种控件我喜欢在html里就把它们初始化好,那下面的就是采用js进行初始化操作:

kendo下拉框的初始化:

    <select id="xxx"></select>  
$("#xxx").kendoDropDownList(); 

同样,在这个选择器里,除了ID选择器,你还可以使用标签选择器、class选择器、属性选择器等等,当然,采用ID选择器是最准确的,不过在初始化的时候,推荐加上一句全局下拉框初始化的js代码,使用的是标签选择器:

    $("select").kendoDropDownList();  

kendo日期选择控件的初始化:

    <input id="你的日期控件ID" value="" placeholder="不选择视为所有时间" />  
    $("#你的日期控件ID").kendoDatePicker();  

这里,placeholder属性是设置这个文本框或日期框的默认提示语,也就是那个灰色字体的提示语,可以不写这个属性。

kendo数字文本框控件的初始化:

  <input id="你的数字文本框的ID"  type="number" value="0" min="0" max="10"/>  
$("#txtTrans_Money").kendoNumericTextBox({format: "c"}); 

其 中,min是这个文本框可以输入的最小值,max是可以输入的最大值,js代码里的format是规定这个文本框数字的格式,比如带不带小数点,是否只 能输整数之类的,关于kendoUI的kendoNumericTextBox控件的一些详细说明,大家可以阅读下这两个网站:

数字文本框的属性介绍

format的官方说明

kendo表格的初始化:

<div id="mytb"></div> 
$("#mytb").kendoGrid(); 

kendo的grid表格是kendo所有控件里最麻烦也是最难操作的一个控件,里面包含着很多属性,比如分页的属性、数据源的属性,如果你想学好kendo,首先要突破的就是kendo的grid,在后面的博文里,我会慢慢地详细介绍grid的一些使用方式。

时间: 2024-10-07 13:56:33

<kendo UI>第二篇:kendo UI基本控件的初始化的相关文章

iOS开发UI篇—自定义瀑布流控件(蘑菇街数据刷新操作)

iOS开发UI篇—自定义瀑布流控件(蘑菇街数据刷新操作) 一.简单说明 使用数据刷新框架: 该框架提供了两种刷新的方法,一个是使用block回调(存在循环引用问题,_ _weak),一个是使用调用. 问题:在进行下拉刷新之前,应该要清空之前的所有数据(在刷新数据这个方法中). 移除正在显示的cell: (1)把字典中的所有的值,都从屏幕上移除 (2)清除字典中的所有元素 (3)清除cell的frame,每个位置的cell的frame都要重新计算 (4)清除可复用的缓存池. 该部分的代码如下: 1

iOS开发UI篇—DatePicker和UIToolBar控件简单介绍

iOS开发UI篇—DatePicker和UIToolBar控件简单介绍 一.Date Picker控件 1.简单介绍: Date Picker显示时间的控件 有默认宽高,不用设置数据源和代理 如何改成中文的? (1)查看当前系统是否为中文的,把模拟器改成是中文的 (2)属性,locale选择地区 如果默认显示不符合需求.时间有四种模式可以设置,在model中进行设置 时间可以自定义(custom). 设置最小时间和最大时间,超过就会自动回到最小时间. 最大的用途在于自定义键盘:弹出一个日期选择器

iOS开发UI篇—自定义瀑布流控件(基本实现)

iOS开发UI篇—自定义瀑布流控件(基本实现) 一.基本实现 说明:在View加载的时候,刷新数据. 1.实现代码 YYViewController.m文件 1 // 2 // YYViewController.m 3 // 06-瀑布流 4 // 5 // Created by apple on 14-7-28. 6 // Copyright (c) 2014年 wendingding. All rights reserved. 7 // 8 9 #import "YYViewControll

iOS开发UI篇—自定义瀑布流控件(蘑菇街实现)

iOS开发UI篇—自定义瀑布流控件(蘑菇街瀑布流) 一.简单说明 关于瀑布流 1.是使用UIScrollView实现的 2.刷新数据(reloadData)方法里面做哪些事情 3.layoutSubviews方法里面做哪些事情 4.模仿UItableView进行设计 完善: 瀑布流控件第一次显示到屏幕上的时候自动的向数据源索要数据,而不需要手动调用.这需要监听View的显示,View的显示有一个方法,叫做willMoveToSuperview:在该方法中直接刷新一次数据即可. 二.把自定义的瀑布

iOS开发UI篇—使用picker View控件完成一个简单的选餐应用 - 文顶顶

原文  http://www.cnblogs.com/wendingding/p/3771047.html iOS开发UI篇—使用picker View控件完成一个简单的选餐应用 一.实现效果 说明: 点击随机按钮,能够自动选取,下方数据自动刷新. 二.实现思路 1.picker view的有默认高度为162,不可修改. 2.显示数据,需要设置数据源,也有两种方式(成为数据源,遵守协议) 3.实现数据源里面的两个方法 1)返回一共有多少列 2)在这一列中一共有多少行 4.通过代理告诉它那一列的哪

iOS开发UI篇—自定义瀑布流控件(接口设计)

iOS开发UI篇—自定义瀑布流控件(接口设计) 一.简单说明 1.关于瀑布流 电商应用要展示商品信息通常是通过瀑布流的方式,因为每个商品的展示图片,长度和商都都不太一样. 如果不用瀑布流的话,展示这样的格子数据,还有一种办法是使用九宫格. 但利用九宫格有一个缺点,那就是每个格子的宽高是一样的,如果一定要使用九宫格来展示,那么展示的商品图片可能会变形. 为了保证商品图片能够按照原来的宽高比进行展示,一般采用的是瀑布流的方式. 2.瀑布流的特点: 由很多的格子组成,但是每个格子的宽度和高速都是不确定

iOS开发UI篇—自定义瀑布流控件(cell的循环利用)

iOS开发UI篇—自定义瀑布流控件(cell的循环利用) 一.简单说明 当滚动的时候,向数据源要cell. 当UIScrollView滚动的时候会调用layoutSubviews在tableView中也是一样的,因此,可以用这个方法来监听scrollView的滚动,可以在在这个地方向数据源索要对应位置的cell(frame在屏幕上的cell). 示例: 当scrollView在屏幕上滚动的时候,离开屏幕的cell应该放到缓存池中去,询问即将(已经)进入到屏幕的cell,对于还没有进入到屏幕的ce

Android UI之android:layout_weight属性以及控件的比例控制

这两天在做一个Android界面的时候采用了linearlayout线性布局,并在其中放置了textview控件,设置android:layout_width属性为wrap_content时,eclipse提示说这里使用0dp取代wrap_content能获得更好的体验,顿时产生了好奇,为什么使用0dp会更好?于是探究了一番,网上已有相关的文章,学习之后作了一个总结. 首先解释一下Android:layout_weight属性的作用,其实简单理解就是用来分配空间大小,至于怎么分配,分配的是哪些空

学习IOS开问题篇--视图的模型控件属性写在私有分类中的原因

在说原型模式之前,我们先来看java里面的深复制和浅复制: 1. 浅复制:被复制的对象的所有变量都持有和原来对象的变量相同的值,而所有的对其他对象的引用都指向原来的对象. 2. 深复制:被复制对象的所有变量都含有与原来对象相同的值,除去那些引用其他变量的对象.那些引用其他对象的变量将指向被复制过来的新对象,而不是原来那些被引用的对象.深复制需要把要复制的对象的所有引用都复制一遍. 这两者的区别就是关于引用对象的处理,浅复制是不考虑引用对象,而深复制需要考虑引用对象的问题. 对java中的clon