随笔分类 - Extjs随笔
摘要：上个月和Extjs说byebye了，以后大概也没机会用了。之前的博客有点乱，大家看着比较麻烦，所以趁着我还没忘，在这里总结一下♪(^∇^*) 写了个demo，传到git上了，有需要可以自取。Extjs-Demo（https://github.com/gingerJY/Extjs-Demo） 本文基于
阅读全文
摘要：一、用column布局 二、anchor套hbox布局 三、column套form布局 着急记一下，写的不清楚，有时间再改一下
阅读全文
摘要：本文基于ext-6.0.0 页面就是前面写的那个，有不清楚的可以看一下前面写页面那篇。 一、在toolbar加一个删除按钮 还是加一个完整的图看一下吧： 二、在controller里写删除函数del（一次删除一条） 1、通过选择框来选中一条数据，判断是否选中的是一条，如果选中多条或是没选，则弹框提示
阅读全文
摘要：本文基于ext-6.0.0 这个页面布局是很多管理系统的常用布局，具体如下图： 一、页面主体personalInfo.js 整个页面采用border布局，分成三部分，这个personalInfo.js就是整个页面的主体，引用了personalToolbar、personalForm、personal
阅读全文
摘要：本文基于ext-6.0.0 之前做的时候这个侧边栏导航是通过tab切换来切换页面的，但是总感觉不太对劲，现在终于发现怎么通过路由跳转了，分享给大家，可能有些不完善的地方，望大家读后可以给些指点。欢迎留言！ 另：这篇是接着上一篇的侧边栏写的，最好先看一下上一篇Extjs6（三）——用extjs6.0写
阅读全文
摘要：本文基于ext-6.0.0 一、关于border布局 在用ext做项目的过程中，最常用到的一种布局就是border布局，现在要写的这个简单页面也是运用border布局来做。border布局将页面分为五个部分，分别是north、south、west、east、center，对应着上、下、左、右、中，下
阅读全文
摘要：本文基于ext-6.0.0 一、xtype form一共有12种xtype，下面来一一举例说一下。 1、textfield 这个是用的最多的form之一。 2、combo combo是有下拉菜单的表单，所以需要store来存放下拉菜单的数据，数据可以是本地的，也可以是ajax请求的。（还有个下拉树，
阅读全文
摘要：应用架构简介 Extjs 同时提供对于MVC和MVVM应用架构的支持。这两个架构方式共享某些概念，而且都旨在沿着逻辑层面划分应用程序代码。每种方法在选择如何划分应用组件上都有其各自的优势。 本指南的目标是为您提供构成这些架构的组件的基础知识。 什么是 MVC? 在 MVC 架构中, 大部分 类 不是
阅读全文
摘要：本文基于extjs6.0.0 一、拆分代码来看看 1、主页面main是个tab页； 写一些页面的依赖； 标明页面的controller和viewModel 2、用了自定义的ui，后面三行不知道是啥 3、title是从viewModel中取的； layout中的 align: 'stretchmax'
阅读全文
摘要：本文基于ext-6.0.0 一、用sencha cmd建立一个ExtJs小项目 首先，需要一个命令行工具。进入extjs所在目录。 然后，输入：sencha -sdk [ExtJs6.0文件夹地址] generate app [项目名称] [项目路径] 例如：sencha -sdk ext-6.0.
阅读全文
摘要：本文主要实现的效果是：点击查询按钮，根据form中的条件，在Grid中显示对应的数据（如果form为空，显示全部数据） 一、静态页面 1、查询按钮 2、写查询条件的form 3、显示数据的Grid store:Ext.create('app.store.system.organization.Org
阅读全文
摘要：一、写一个按钮 注意id 二、写新建的页面 下面我新建的是表单，有几点需要注意的： ① 因为表单是多列的，所以layout用了column（自己试的，不一定是最好的写法）；如果只有一列，layout用form。 ② name可以忽略，combo只是有个样子。 三、写controller 1、获取页面
阅读全文
摘要：本文基于ext-6.0.0 一、写login页 1、在view文件夹中创建login文件夹，在login中创建文件login.js和loginController.js(login.js放在classic/view/login，loginController.js放在app/view/login)
阅读全文
