Kendo UI : jquery yang menarik

Sebulan yang lalu saya menemukan sebuah framework js bernama kendou ui, kalau mau disamakan ini mirip dengan jquery ui. Kendo UI sebenarnya membuat tertarik karena namanya yang agak kejepangan (Kendo).

<!-- Kendo UI Web styles -->
<link href="styles/kendo.common.min.css" ... />
<link href="styles/kendo.default.min.css" ... />
<!-- Kendo UI Web scripts -->
<script src="js/jquery.min.js" ..></script>
<script src="js/kendo.web.min.js" ..></script>

Formatnya sederhana seperti tulisan di atas. Untuk CSS kita bisa memakai standar dari kendo dan untuk js minimal kita sudah bisa memakai jquery terbaru dan bila di publish di internet kita menggunakan jquery yang ada di google atau jquery.com sehingga scriptnya tidak mengambil dari server kita untuk jsnya.

Mirip Jqury UI tapi kayaknya lebih mudah

$("#menu").kendoMenu();

untuk penggunaannya, Yang masih sama seperti jquery. Selain dapat berjalan di web, dapat berjalan juga di mobile bahkan di touch mobile. Kendo juga didukung oleh browser:

• Internet Explorer 7+ 
• Firefox ESR
• Chrome
• Safari 4+ 
• dan Opera 10+.

Untuk demonya kita akan mendapat 3 yaitu

• mobile
• web
• dataviz yang berbentuk grafik

Tapi kita akan mencoba web yang ada. di Web kita akan mendapatkan contoh-contoh:

1. Autocomplete. Kamu mengetik sebagian dan akan tampil hasilnya. Untuk sedikit informasi, saya melihat bahwa tampilannya mirip seperti combo box?!?
2. Calendar. 
3. ComboBox. Metode combobox mirip seperti autocomplete, data bisa dimasukkan secara langsung layaknya combobox atau memakai script.
4. DatePicker. Kamu bisa menampilkan date untuk dipilih.
5. DateTimePicker. Icon date disebelahnya disertai waktu.
6. DropDownList. Saya melihat malah mirip dengan Combo box. Padahal asumsi saya combo box itu pilihannya bisa lebih dari 1?!?
7. Editor. Menampilkan editor untuk menulis.
8. Grid. Tampilan data seperti xls yang dinamis.
9. ListView. Tampilan data dalam frame.
10. Menu. Tampilan menu seperti yang ada di program-program desktop.
11. NumericTextBox. Textbox yang langsung di konversi jadi angka.. Sehingga validasinya jadi lebih aman.
12. PanelBar. Bentuknya mirip seperti panel di web.

    

    Panel

    
    
13. Slider. Digunakan untuk mengatur suara atau sesuatu yang terukur. Saat ini saya belum mengetahui pemakaiannya.
14. Splitter. Digunakan untuk membuat frame, ada yang dapat digeser atau tidak bergerak.

    

    Splinter

15. TabStrip. Tampilan tab yang biasa ada di atas program untuk berpindah area.
    

    

    Tab

    
    
    
    
16. TimePicker.
    
    
    

    

    saat di klik muncul drop down

17. TreeView.

    

    file tree

    
    
18. Upload.
    

    

    upload bisa ditumpuk

    
    
19. Window
    

    

    konsepnya menampilkan tulisan/window yg menutupi depan

jangan lupa mampir melihat theme builder. http://demos.kendoui.com/themebuilder/web.html