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

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

ext.js的mvc