ext js
Posted *眉间缘*
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ext js相关的知识,希望对你有一定的参考价值。
一、EXT JS概述:
Ext JS是一个流行的javascript框架,它为使用跨浏览器功能构建Web应用程序提供了丰富的UI。 Ext JS基本上用于创建桌面应用程序它支持所有现代浏览器,如IE6 +,FF,Chrome,safari 6+ 等。而sencha,sencha touch的另一个产品用于移动应用程序。Ext JS基于MVC / MVVM架构。 最新版本的Ext JS 6是一个单一的平台,可以用于桌面和移动应用程序,而不需要为不同的平台提供不同的代码。
这些是Ext JS的突出特性
可定制的UI小部件与丰富的UI集合,如网格,枢轴网格,表单,图表,树木。
新版本与旧版本的代码兼容性。
灵活的布局管理器有助于组织跨多个浏览器,设备和屏幕大小的数据和内容显示。
高级数据包将UI小部件与数据层分离。 数据包允许客户端使用高度功能的模型收集数据,这些模型支持排序和过滤等功能。
它是协议不可知的,并且可以从任何后端源访问数据。
可定制的主题Ext JS窗口小部件提供了跨平台一致的多个现成主题。
Sencha Ext JS是业务级Web应用程序开发的领先标准。 Ext JS提供了为桌面和平板电脑构建强大应用程序所需的工具。
简化针对现代和传统浏览器的跨平台开发,跨桌面,平板电脑和智能手机。
通过IDE插件集成到企业开发环境中,提高开发团队的生产力。
降低Web应用程序开发的成本。
授权团队创建具有吸引力的用户体验的应用程序。
它有一组小部件使UI强大和容易。
它遵循MVC架构这样高度可读的代码。
环境配置:
CSS文件有多个基于主题的文件,您可以在文件夹\\ ext-6.0.1-trial \\ ext-6.0.1 \\ build \\ classic \\ theme-classic \\ resources \\ theme-classic-all.css
-
如果我们要使用桌面应用程序,那么我们可以使用文件夹\\ ext-6.0.1-trial \\ ext-6.0.1 \\ build \\ classic下的经典主题
-
如果我们要使用移动应用程序,那么我们将使用现代主题,可以在文件夹\\ ext-6.0.1-trial \\ ext-6.0.1 \\ build \\ modern下找到
<html> <head> <link rel = "stylesheet" type ="text/css" href= "..\ext-6.0.1-trial\ext-6.0.1uild\classic\theme-classic\resources\theme-classic-all.css" /> <script type ="text/javascript" src = "..\ext-6.0.1-trial\ext-6.0.1uild\ext-all.js" > </script> <script type ="text/javascript" src = "app.js" > </script> </head> </html>
CDN是内容交付网络,您不需要下载Ext JS库文件,您可以直接添加ExtJS的CDN链接到您的程序,
<html> <head> <link rel = "stylesheet" type ="text/css" href= "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-crisp/resources/theme-crisp-all.css" / > <script type ="text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js" > </script> <script type ="text/javascript" src = "app.js" > </script> </head> </html>
以上是关于ext js的主要内容,如果未能解决你的问题,请参考以下文章
ext html片段,ext.html · 潜行的青衣/jquery-ui-ext - Gitee.com
ext html片段,ext.html · 潜行的青衣/jquery-ui-ext - Gitee.com