Extjs表格控件功能丰富、界面美观、轻量级的实现,都是人们对其趋之若鹜的理由,究竟Extjs能实现多少不可思议的功能,就让我们一起来学习一下教程里面的内容。
ExtJS代表扩展JavaScript,是基于YUI(Yahoo用户界面)的sencha的JavaScript框架和产品。它基本上是一个具有现代UI的桌面应用程序开发平台。本教程完全理解Ext JS。 这个参考将带你通过简单和实用的方法,同时学习Ext JS。
本教程为初学者准备,帮助他们了解Ext JS的概念,以构建动态Web UI。
对于本教程,读者应该具有HTML,CSS和JavaScript编码的先验知识。 如果读者知道面向对象编程的概念并且具有创建web应用程序的一般想法将是有帮助的。
对于本教程中给出的大多数示例,您会发现尝试选项,因此只需使用此选项即可在现场执行ExtJS程序,并享受您的学习。
请尝试以下示例,使用下面示例代码框右上角的 Try it 选项
<!DOCTYPE html> <html> <head> <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" /> <script type="text/javascript" src="/attachments/tuploads/extjs/ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function() { Ext.create('Ext.Panel', { renderTo: 'helloWorldPanel', height: 100, width: 200, title: 'Hello world', html: 'First Ext JS Hello World Program' }); }); </script> </head> <body> <div id="helloWorldPanel"></div> </body> </html>