ext

if ($request->hasFile('banner_img') && $request->file('banner_img')->isValid()) {//判断文件是否存在 $file = $request->file('banner_img'); $ext = $file->extension(); $filesize = $_FILES['banner_img']['size']; $filename = md5(time().rand(100000,999999)).'.'.$ext; $store_result = $request->file('banner_img')->move('./upload',$filename);//上传文件 if(!in_array(strtoupper($ext),['JPG','JPEG','PNG','GIF'])){ return [ 'code'=> 100000, 'msg'=> '图片格式不正确'.strtoupper($ext), 'data'=>null ]; } if(!$filesize || $filesize>1048576 * 20){ return [ 'code'=> 100000, 'msg'=> '检测到文件大小为0或文件大小超过20M', 'data'=>null ]; } return

Ext.form.TextField组件的基本用法: <form id="form1" runat="server"> <div> <div id="Bind_TextField"></div> <br /> <div id="Bind_Button"></div> <script type="text/javascript"> //这里是把TextField很重要的属性列出来　实际在应用的时候不需要将每个属性都列出　也许只需要一个属性就够了。 function ready() { Ext.QuickTips.init(); var textfieldName = new Ext.form.TextField ({ id:"textfieldName", allowBlank:false,//默认是true,如果是false,就是不允许空 //假如不为空时，定义提示信息　默认的提示信息是：This field is required //要使提示内容出现，需要添加 Ext.QuickTips.init(); blankText:"请输入数据", disabled:false,//默认是false emptyText:"请正确输入数据",//默认是null fieldLabel:"用户名称",//默认是"" height:"auto",//默认是auto hidden:false,/

问题描述： 使用的extjs版本是3.1，需求是锁定前2列，最下面有一行是合计行，遇到的问题是，锁定前2列之后，最下面的合计行不会随着滚动条滑动而滑动了 问题解决： 1.解决列固定的问题： 第一步，在需要固定的列里面加上属性：locked:true 第二步，实例化列模型，使用，new Ext.ux.grid.LockingColumnModel 第三步，在new Ext.grid.GridPanel里面加上， view: new Ext.ux.grid.LockingGridView(), 至此，列固定这个功能已经实现了 2.解决合计这行滑动的问题 主要思路：这个需要使用前端的知识，审查元素，看看具体是什么原因，让合计行固定了，在GridPanel面板加载成功之后，执行js代码 var grid = new Ext.grid.GridPanel({ view: new Ext.ux.grid.LockingGridView(), loadMask : { msg : '正在加载表格数据,请稍等...' }, listeners : {　　　　 'afterrender' : function(){ $(".x-grid3-viewport .x-grid3-gridsummary-row-inner").addClass("x-grid3-scroller"); $(".x

Extjs与后台交换数据时，很大程度上依赖于底层实现的AJAX，下面就回顾下工作中最常用的异步请求。 Ext.Ajax： 基本用法如下： Ext.Ajax.request({ url : __ctxPath+ "/admin/allowUpdaterConfPrivilege.do", params : { confId : e }, waitMsg : "数据正在提交，请稍后...", method : "post", success : function(h, j) { var i = Ext.util.JSON.decode(h.responseText); if (i.success) { new ConferenceForm({ confId : e }).show(); } else { Ext.MessageBox.show({ title : "操作信息", msg : i.msg, buttons : Ext.MessageBox.OK, icon : "ext-mb-error" }); } var g = Ext.getCmp("displayUserPhoto"); if (f.value == 1) { g.body.update('<img src="'+ __ctxPath + '/images/default_image_male.jpg"

分享Ext Gantt Web甘特图控件 甘特图（Gantt chart ）又叫 横道图 、条状图(Bar chart)。它是以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目的活动顺序与持续时间。 Ext Gantt甘特图 是基于Extjs核心库的开发的，基于WEB浏览器的甘特图解决方案。可应用于项目管理系统、 ERP 系统、MES系统或其它的任务资源分配相关领域的应用程序的。 Ext Gantt甘特图 完全兼容Extjs语法，熟悉Extjs可以轻易上手。 更多相关内容， 请点击这 里 Ext Gantt Web甘特图控件演示 可在线编辑的甘特图 可以在任务树区域，使用输入框/下拉选择框/日期/数值调节器等超过30个编辑器。 单击这里查看演 示 筛选甘特图中的事件 可以按照不同的条件筛选甘特图中的事件，例如，进度小于30%的事件。 单击这里查看演示 自定义甘特图中的任务的字 段 程序员可以自定义任务的字段，如开始时间，结束时间，完成率，进度，最后期限等等。 单击这里查看演示 突出显示ext gantt甘特图中的特定事件 可以按照不同的条件突出显示甘特图中的事件，例如，进度大于7天的事件。 单击这里查看演示 计算甘特图关键路径 计算甘特图关键路径甘特图组件的重要功能，ext-gantt组件可以计算甘特图中任意逻辑的关键路径，并高亮显示。 单击这里查看演示

一、 开发工具配置 1 、 http://www.eclipse.org/downloads/ 下载Eclipse，解压。 2 、 http://spket.com/download.html 下载Plugin，解压后覆盖到Eclipse的目录。 3、启动Eclipse，选择window→proference→spket→javascriptprofiles→new (输入Ext JS4.2.1) 4、Add libary(选择ExtJS)。 5 、Add file(选择ext-all-dev.js)，注意整个路径不能出现中文。 6、选中Ext JS 4.2.1，设置默认。 7 、将 js默认打开方式设为 spket。(如果不成功，请重复检查上面的步骤，重点检查第6步，设置默认成功之后字体明显变黑) 8 、重启Eclipse。 9 、新建javascript文件，输入Ext+. 则会出现自动提示 如果没有出现自动提示则右击你的JS文件,有个Open with - 选择spket JavaScript Editor。 如果仍旧没有出现提示则可以通过在项目文件上点击右键,选择“Reload Javascript Profiles”菜单，对javascript文件重新加载。 二、ExtJS开发环境搭建 ： (1) 下载Ext开发包,下载地址 ： http://extjs.org.cn/

grid控件的检索是前端界面最常见的功能之一。 ExtJS5提供了官方的grid通用检索实现：http://dev.sencha.com/ext/5.1.0/examples/kitchensink/#grid-filtering 该实现用了几个子类分别支持不同的检索类型： 各种类型的效果如下： 数字型： 文本型包含检索： 枚举型检索： 日期型检索： 布尔型检索： 最值得称道的是：上述检索的应用，只需要在grid的config中声明引用该plugin，并在grid的column config中定义检索类型即可。 将这种检索形式给客户演示时，客户方认为这种检索形式比较隐蔽和零散，如果需要检索的列在最右边，需要滚动到最右再检索。 窃以为客户的话有道理，国人的使用习惯的确和老外常常背道而驰，于是决定实现一种如下的检索形式：将所有检索归并到工具栏的一个下拉菜单项。 鉴于ExtJS官方提供的上述分类检索实现合理而且强大，不想另起炉灶从头做起，我的解决思路是改写一个plugin 封装和引用ExtJS的具体检索实现： 代码如下： Ext.define('DCApp.view.GridFilters', { extend: 'Ext.plugin.Abstract', requires: [ 'Ext.grid.filters.filter.*' ], mixins: [ 'Ext.util

Ext中的get、getDom、getCmp、getBody、getDoc的区别 Ext中包含了几个 以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用。 使用时注意区别调用参数及返回类型上。 1、get方法 get 方法用来得到一个Ext元素，也就是类型为Ext.Element的对象， Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element对象，可以通过Element对象 上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写形式。 get方法中只有一个参数，这个参数是混合参数，可以是DOM节点的id、也可以是一个Element、或者是一个DOM节点对象等。看下面的示例代码： Ext.onReady(function(){ var e=new Ext.Element("hello"); alert(Ext.get("hello")); alert(Ext.get(document.getElementById("hello"))); alert(Ext.get(e)); }); Html页面中包含一个id为hello的div，代码如下：

创建Extjs Window 创建 Extjs Window 的代码如下： //创建window var win = Ext.create("Ext.window.Window", { id: "myWin", title: "示例窗口", width: 500, height: 300, layout: "fit", items: [ { xtype: "form", defaultType: 'textfield', defaults: { anchor: '100%', }, fieldDefaults: { labelWidth: 80, labelAlign: "left", flex: 1, margin: 5 }, items: [ { xtype: "container", layout: "hbox", items: [ { xtype: "textfield", name: "name", fieldLabel: "姓名", allowBlank: false }, { xtype: "numberfield", name: "age", fieldLabel: "年龄", decimalPrecision: 0, vtype: "age" } ] } ] } ], buttons: [ { xtype: "button", text: "确定",

在介绍ExtJs信息提示框组件之前，我们先来介绍一下ExtJs的组件配置。 ExtJs组件通常有两种配置形式: (1) 用逗号分割的参数列表; (2) 使用JSON对象作为组件提供配置信息。 对于比较简单的配置一般采用逗号分隔的参数列表进行设置，对于较复杂的配置一般采用JSON对象的方式为组件提供配置信息。 JSON简单介绍: JSON的全称是JavaScript Object Notation(JavaScript对象符号)。JSON是一种结构化的，轻量级的，完全独立于语言的，基于文本的数据传输格式，在很多场合下用来替代XML文件格式。在表达相同的信息时，JSON比XML形成的文件更小、更便于机器解析。 JSON格式非常适合于那些具有一些属性和值得简单对象，它以"{"开始，以"}"结束，属性名和值用":"分隔，属性间用","分隔。 更多关于JSON的介绍，请移步: http://www.json.org/ (都是很简单的英文，大家看一下，后续有时间将在博客中介绍JSON的使用) ----------------------------------------------------------------------------------------------------- 信 息 提 示 框 组 件 -------------------------------------