ExtJS代表扩展JavaScript,是基于YUI(雅虎用户界面)的sencha的JavaScript框架和产品,它基本上是具有现代UI的桌面应用程序开发平台。本教程完全了解Ext JS。在学习Ext JS时,这个参考将引导您通过简单实用的方法。
本教程已经为初学者做好了准备,帮助他们了解Ext JS创建动态Web UI的概念。
对于本教程,读者应该具有HTML,CSS和JavaScript编码的先前知识。如果读者知道面向对象编程的概念,并且有创建Web应用程序的一般想法,这将是有帮助的。
对于本教程中给出的大多数示例,您将找到Try it选项,因此只需使用此选项即可执行您的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="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/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>