前端框架
飞鸟的轨迹
这个作者很懒,什么都没留下…
展开
-
AJax基础
概念介绍–同步步骤: - 客户端 发送请求,等待相应 - 服务端 处理请求,返回相应 - 客户端 页面载入 - 。。。概念介绍–异步运用HTML和CSS来实现页面、表达信息;运用XMLHttpRequest和web服务器进行数据的异步交换;运用JavaScript操作DOM,实现动态局部刷新;概念介绍–HTTP一个完整的HTTP请求过程,通常有如下7个...原创 2018-02-26 09:45:45 · 175 阅读 · 0 评论 -
ExtJs6.0 window 创建
window在创建的时候可以设置很多属性,下面是在工作中用到的,具体可以查看官方文档。var viewFileWindow = Ext.create("Ext.Window", { title: "附件查看页面", resizable: true, //可以拉动// closeAction: 'destroy', maximizable: true,//可以最大...原创 2018-02-26 09:16:12 · 253 阅读 · 0 评论 -
JSP页面之table导出Excel
新建导出按钮 JSP页面添加div<div id="exportDiv" style="float: left;margin-left:20px;" ></div>js文件中新建ExtJs导出按钮,渲染到该div。exportExcel = Ext.create('Ext.Button', { text: '导出为excel', ...原创 2018-02-26 09:17:10 · 1533 阅读 · 0 评论 -
ExtJs6.0之下拉框ComboBox
下拉框选择创建方法: 1. 本地创建创建本地数据源// 在职状态下拉框var workStatusStore = Ext.create('Ext.data.Store', {fields : ['key', 'value'],data : [ { "key" : "0", "value" : "离职"...原创 2018-02-26 09:18:02 · 1655 阅读 · 0 评论 -
ExtJs6.0 更新当前tab页
TabPanel创建TabPaneltabPanel = Ext.create("Ext.TabPanel",{ renderTo: 'countDiv', id: 'count_tab', width: "100%", height: "100%", enableTabScroll:true, activeTab: 0, ...原创 2018-02-26 09:18:48 · 432 阅读 · 0 评论 -
ExtJs6.0之tbar多行显示
创建toolbartoolbarTop = new Ext.toolbar.Toolbar({// dock: 'top', renderTo: Ext.grid.GridPanel.tbar, items: [addBut, delBut, searchText, searchBut, grid2ExcelBut]});toolbarBottom =...原创 2018-02-26 09:19:36 · 1113 阅读 · 0 评论 -
ExtJs6.0之File上传组件
文件上传框的创建方式创建Panel,添加文件上传组件var uploadForm =Ext.create('Ext.form.Panel', { //renderTo:'uploadForm', items: [ Ext.create('Ext.form.field.File', { fieldLabel:'附件', ...原创 2018-02-26 09:20:16 · 1214 阅读 · 0 评论 -
ExtJs6.0之Grid前端导出Excel
该js文件支持三级表头的导出。 引入该js文件,调用grid2Excel(grid, fileName)即可。新建导出按钮new Ext.create('Ext.button.Button',{ xtype:'button', iconCls:'excel', type: 'excel', text:'保存为Excel', han...原创 2018-02-26 09:21:33 · 2143 阅读 · 1 评论 -
ExtJs封装通用函数
通用函数添加数据到cookie/** * 添加到cookie中数据 * @param {} name 保存到cookie中的数据的key * @param {} value key对应的value * @param {} expireDays 有效时间,单位为天 * @return {Boolean} */ function addCookie(name,value,...原创 2018-02-26 09:22:20 · 312 阅读 · 0 评论 -
ExtJs之Text文本框Text和文本域TextArea
文本框Text//添加身份证号码校验var creditCard = Ext.create('Ext.form.field.Text', { fieldLabel : '身份证号', name : 'creditCard', renderTo : 'creditCardDiv', labelAlign : 'right', emptyText: ...原创 2018-02-26 09:23:07 · 12265 阅读 · 1 评论 -
ExtJs6.0 之Ajax异步提交
代码演示新建提交按钮 js页面代码Ext.onReady(function(){ sub_but = Ext.create('Ext.button.Button', { renderTo:'submit_button', text:'提交', height: 30, width: 100, h...原创 2018-02-26 09:23:43 · 244 阅读 · 0 评论 -
ExtJS6.0之后台排序
一般在前台排序只需要在Grid的列里加上一个属性即可:columns: [ new Ext.grid.RowNumberer({width:50}), { header: '工号', width: 120, sortable: true,//表明该列可以前台排序,即当前页面的排序 dataIndex: 'emp...原创 2018-02-26 09:15:28 · 838 阅读 · 0 评论 -
ExtJS6.0之Grid用法
创建数据源 store = Ext.create('Ext.data.Store', { pageSize: limit, proxy: { type: 'ajax', url: basePath + 'mathineSupplier/mathine-supplier!getMathineSupplierList', e...原创 2018-02-26 09:13:29 · 1817 阅读 · 0 评论 -
初识FreeMarker(一)
所有FreeMarker的引用概念和说明均摘自==FreeMarker文档== FreeMarker概念 FreeMarker是一款模板引擎:一种基于模板的、用来生成输出文本(任何来自于HTML格式的文本用来自动生成源代码)的通用工具。它是为Java程序员提供的一个开发包或者说是类库。它不是面向最终用户,而是为程序员提供的可以嵌入他们开发产品的一款应用程序。FreeMar...原创 2018-02-23 10:32:03 · 191 阅读 · 0 评论 -
FreeMarker基本使用(二)
基本使用新建Java项目,创建ftl文件:basic.ftl 路径为:ftl<#-- 模板加载 -->ftl---basic.ftl <html><head> <meta charset="UTF-8"> <title>我的FreeMarker页面</title><原创 2018-02-23 10:32:41 · 424 阅读 · 0 评论 -
FreeMarker数据类型与变量使用(三)
数据类型FreeMarker支持的数据类型有 - 标量 - 字符串 - 数字 - 布尔值 - 日期:日期变量可以存储和日期/时间相关的数据。一共有三种变化。 精确到天的日期(通常指的是“日期”) 每天的时间(不包括日期部分),时间的存储精确到毫秒。 日期-时间(也称作“时间戳”)。时间部分的存储精确到毫秒。容器...原创 2018-02-23 10:33:41 · 494 阅读 · 0 评论 -
FreeMarker运算符(四)
运算符算术运算符比较运算符逻辑运算符空值处理运算符代码演示ftl模板(src下的ftl包中)operator.ftl<#-- 运算符 --><#assign num2=10.3>num2:${num2+20}<#assign name="abc">${name+"def"}<#assign newna...原创 2018-02-23 10:34:41 · 1546 阅读 · 0 评论 -
Vue-router基本使用
Vue-router vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。官方文档传送门:https://router.v...原创 2018-02-23 10:59:58 · 458 阅读 · 0 评论 -
Vue-resource使用基础
vue-resource 如同jQuery里的$.ajax,用来和后端交互数据的。可以放在created或者ready里面运行来获取或者更新数据…安装在项目路径中使用如下命令进行安装npm install vue-resource --save引入main.js中引入import VueResource from 'vue-resource'Vu...原创 2018-02-23 11:00:39 · 517 阅读 · 0 评论 -
Vue-resource $http请求
vue-resource的$http请求和jQuery的Ajax是有一些区别的,post的时候data默认不是以form data的形式,而是request payload。解决起来也很简单:在vue实例中添加headers字段:http: { headers: {'Content-Type': 'application/x-www-form-urlencoded'} }更简单的做法有...原创 2018-02-23 11:01:28 · 1084 阅读 · 0 评论 -
vue2.0 keep-alive实现缓存页面
转自:http://blog.csdn.net/qq_32786873/article/details/711735761.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗<keep-alive><component> <!-- 组件将被缓存 --></component>...原创 2018-02-23 11:02:05 · 1192 阅读 · 0 评论 -
EasyUI1.5之设置datagrid显示隐藏列
datagrid添加设置隐藏列按钮 js页面初始化datagrid$(function(){ initColums(); init();}initColumns()函数function initColums() { cols = [ {field: 'cusNo',title: '客户号',sortable: true...原创 2018-09-12 15:44:52 · 2053 阅读 · 1 评论 -
EasyUI1.5之Grid导出Excel
导出DataGrid只包括非隐藏列和非固定列(frozen)。 1.js页面初始化函数initExport2Excel()/** * 初始化导出Excel */function initExport2Excel() { /** * Jquery easyui datagrid js导出excel 修改自extgrid导出excel allows for downl...原创 2018-02-23 11:04:37 · 818 阅读 · 0 评论 -
ExtJs6.0之RadioGroup的使用
RadioGroup基本使用官方文档传送门:http://docs.sencha.com/extjs/6.0.0/classic/Ext.form.RadioGroup.html新建radio项数组authType = 1;var typeItems = [ { boxLabel: '角色', name: 'authType', inputValue: '1', c...原创 2018-02-26 09:25:10 · 1256 阅读 · 0 评论