Kendo UI 中文教程 概述

2021-07-25 01:44:10 字數 1394 閱讀 6600

雖說如今業界的各種前端框架層出不窮,但在為後台管理系統選擇前端框架的時候卻經常陷入糾結。

而從筆者實踐經驗來看,kendoui算是乙個不錯的選擇,總結起來其優點有三

不過,kendoui在國內的使用者卻不多,中文的教程也不多見,因此咱拋磚引玉,介紹一下kendo ui的功能以及一些實踐經驗。

簡單說明一下壓縮包中各資料夾裡的東西。

檔案說明

/examples

一些樣例,拉到最後面有乙個index.html用瀏覽器開啟

/js壓縮後的js檔案

/styles

壓縮後的css檔案以及

首先引用kendo的css和js,再引入kendo依賴的jquery。注意的是css檔案裡kendo.common.css必須在kendo.default.css前面。如下**:

welcome to kendo ui!title>

href="styles/kendo.common.min.css"

rel="stylesheet" />

href="styles/kendo.default.min.css"

rel="stylesheet" />

src="js/jquery.min.js">

script>

src="js/kendo.all.min.js">

script>

head>

hello world!

body>

html>

下面我們用kendo ui的元件datepicker,做乙個選擇日期的輸入框。只需要做兩步

在body裡面寫乙個input標籤,給它乙個id 寫js

用jquey選中這個元素,呼叫kendodatepicker初始化元件

**如下:

welcome to kendo ui!title>

href="styles/kendo.common.min.css"

rel="stylesheet" />

href="styles/kendo.default.min.css"

rel="stylesheet" />

src="js/jquery.min.js">

script>

src="js/kendo.all.min.js">

script>

head>

id="datepicker" />

$(function

() );

script>

body>

html>

儲存為html檔案,用瀏覽器開啟,第乙個kendo元件就完成啦!

Spring AOP中文教程

僅僅用配置檔案便可把程式的每一部分組裝起來。四個bean定義的次序並不重要。我們現在有了乙個advice,乙個包含了正規表示式pointcut的advisor,乙個主程式類和乙個配置好的介面,通過工廠ctx,這個介面返回自己本身實現的乙個引用。beanimpl和testbeforeadvice都是直...

Beautiful Soup 中文教程

beautiful soup 是乙個處理python html xml的模組,功能相當強勁,最近仔細的看了一下他的幫助文件,終於看明白了一些。準備好好研究一下,順便將beautiful soup的一些用法整理一下,放到這個wiki上面,那個文件確實不咋地。beautiful soup 中文教程 的官...

kafka中文教程

本網翻譯整理apache kafka,提供整理apache kafka的完整學習文件。資料流,如訊息傳遞系統 高效並實時 資料流安全地在分布式集群中複製儲存 kafka是用於構建實時資料管道和流應用程式。具有橫向擴充套件,容錯,wicked fast 快 等優點,並已在成千上萬家公司執行。apach...