前端框架之Extjs
xiaozhegaa
一个乐于分享的老男人
展开
-
ExtJs案例(一) ~~ Grid组件加载更多
目录 Grid组件加载更多一、需求二、加载更多三、整理思路四、代码编写Grid组件加载更多一、需求最近,有个新的需求,用Ext Grid组件加载数据之后,点击“加载更多”按钮,会在Grid表格后面追加新的内容。要求:只返回后面追加的内容,不会返回原先的内容 设置Grid表格的滚动条在最下面 设置加载更多的文字+总条数二、加载更多参考网上一大堆的代码...原创 2018-10-11 10:34:44 · 858 阅读 · 0 评论 -
ExtJs学习(七)~~实战之订单模块 MVVM架构
目录 目录一、开发一个“商家订单”的功能~~ 效果图二、开发架构 -- MVVM三、开发思路 - - MVVM四、开发代码 ~~ 以下采用MVVM分层的开发模式。五、代码分享 一、开发一个“商家订单”的功能~~ 效果图二、开发架构 -- MVVM【what】Model–View–ViewModel(MVVM) 是一个软件架构设计模式,由微软...原创 2018-09-27 23:11:46 · 1299 阅读 · 0 评论 -
ExtJs学习(六)~~入门实战
一、开发一个“玩家信息”的功能~~ 效果图【思路分析:】这里需要一个grid组件去展示数据,grid组件需要一个columns数组显示返回结果,同时grid需要一个store,store需要一个model。同时grid也需要一个toolbar和queryForm。Grid表格是放在主视图里面的。这里一共就有8个组件。我们约定好,除了store、main View是create,其他...原创 2018-09-27 21:39:47 · 1121 阅读 · 0 评论 -
ExtJs学习(五)~~其他组件
一、弹窗组件 二、理解Ajax请求组件Ext.Ajax.request({ url : 'order/deleteByIds', method : 'post', params : { ids:selectIds }, success: function(response, options) { var json = Ext.util....原创 2018-09-27 21:13:38 · 746 阅读 · 0 评论 -
ExtJs学习(四)~~Grid组件
Grid是一个表格组件,是后台管理系统中最常用的。经常用来展示数据用,它涉及到表头的定义,表格底部tab工具栏,表数据的展示,以及头部查询框等。针对每一个部分,都会单独拿出来讲。一、理解Grid组件1. 查看官网文档 ~~ 在右上角的搜索栏直接搜索:grid2. 剖析理解Crid~~important【理解:】在grid.Panel中,值得关注的有两个属性。columns 和 ...原创 2018-09-27 20:43:10 · 2258 阅读 · 0 评论 -
ExtJs学习(三)~~Combox组件
Combox是一个下拉选框组件,它涉及到静态数据展示、动态数据展示两种情况,因为这个组件刚好可以用到store数据源,也是form表单中比较复杂的一个组件,特地单独拿出来讲一下。一、理解Combobox组件1. 查看官网文档 ~~ 在右上角的搜索栏直接搜索:combobox2、剖析理解Combobox ~~important【总结:】从上面官网的案例,就知道了Combobo...原创 2018-09-22 15:12:59 · 2063 阅读 · 0 评论 -
ExtJs学习(二)~~ 组件写法和store数据源
在前端中,最关心的是怎么后台进行数据交互,Store数据源,就是进行前后端交互的地方。它相当于发送了一个ajax请求去后台请求数据,然后将数据交给表格组建渲染一、理解Ext.define()和Ext.create()说明:你会在集成框架中看到很多define和create,如果不理解两者的区别的,你就不能用好这个框架,由于只第一个案例,这里把官方文档的解释也截图下来,后面的官方文档就不截图...原创 2018-09-22 14:27:05 · 2122 阅读 · 0 评论 -
ExtJs学习(一)~~ 简述概念
一、学习经历如果想看我的学习心得、项目截图、写ExtJs专栏的目的,可以看一下以下这篇文章:https://blog.csdn.net/xiaozhegaa/article/details/82806835二、ExtJs概念1、什么是ExtJs? WhatExtJS是一个Ajax框架,是一个用JavaScript写的,用于在客户端创建丰富多彩的web应用程序界面。说白了,就...原创 2018-09-22 11:51:14 · 18002 阅读 · 1 评论 -
ExtJs学习~~前言
额外说一句,感谢广大网友对我的认可,我分享的博客还是比较基础的,我的初衷不是让大家从我这里学会一个技术,将某个技术剖析得多么的详细,而是让大家了解有这样的一个技术,并且能够快速入门,开发属于自己的一个小小的Demo。只要掌握这些基础性的东西,在项目实战中,就能够快速的上手,逐渐掌握该技术的使用就可以了。吐槽一下,csdn现在是不支持嵌入html代码了吗?知道怎么自定义样式的,可以留言告诉我。个...原创 2018-09-21 20:14:16 · 2289 阅读 · 1 评论 -
ExtJs案例(一) ~~自由定义Grid表格的滚动条
目录 自由定义Grid表格的滚动条一、需求分析:二、自由定义滚动条三、整理思路四、代码编写五、效率问题六、动态展示:“加载更多”按钮内容自由定义Grid表格的滚动条一、需求分析:在前一篇文章,已经分享了Grid表格加载更多的代码,现在需求是:加载更多之后,自动将滚动条定位到最底部。二、自由定义滚动条参考了网上各种博客代码,十几篇博客都在说同一个代...原创 2018-10-11 10:37:57 · 1232 阅读 · 0 评论 -
ExtJs学习(八)~~项目分享,ECP中小型企业进销存管理系统
项目名称:Ecp中小型企业进销存系统项目编号:ECP1.0这是我大学的实训项目,当时打成war包,并且源码都在里面,前端使用ExtJS项目,数据库文件也在里面,不知道能不能部署起来~~有需要的下面链接下载!! https://code.aliyun.com/924155240/ecp-company?spm=a2111a.8458726.0.0.6c6c3531wOva0Y...原创 2018-09-28 16:55:02 · 2370 阅读 · 2 评论