lc448986375的专栏

border布局：border布局也称边界布局，他将页面分隔为west,east,south,north,center这五个部分，我们需要在在其items中指定使用region参数为其子元素指定具体位置。注意：north和south部分只能设置高度（height），west和east部分只能设置宽度（width）。north south west east区域变大，center区域就变小了

当后台返回的json数据中包含回车换行时，js就无法正常解析，所以，会导致在grid显示空白，因为json数据包含回车换行，解决办法就是在json数据转为对象前对数据进行处理，比如可以替换掉里面的回车换行我是在后台处理的：result = result.replaceAll("(\r\n|\r|\n|\n\r)", ""); return result;

上面一篇文章解决了object转json，并在Extjs前台显示的问题，今天又碰到了一个新问题，就是在前台修改日期后，在后台用JSONObject.toBean转为实体类时出问题了：1、会显示警告：Can't transform property 'birthday' from java.lang.String into java.util.Date. Will register a

从数据库取得的date类型为java.sql.date，如果直接放入list中，然后在转json数据的时候会出现异常， net.sf.json.JSONException: java.lang.reflect.InvocationTargetException一种解决办法是在放入list之前，直接转为java.util.date，但是这样在前台取不到值，因为格式不对，下面介

在Extjs4中鼠标的右键相应事件为itemcontextmenu( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e, Object eOpts )使用时直接在listeners中添加即可：listeners:{ 'it

参考文章：http://lc448986375.gicp.net/article/extjs/9.html今天终于把纠结了很久的问题解决了，如题：在后台接收后进行解码即可：String strQuery = new String(query.getBytes("ISO-8859-1"), "UTF-8");

1、Uncaught TypeError: Cannot read property ‘dom’ of null原因：如果代码段没有放入Ext.onReady中2、Uncaught TypeError: Cannot call method 'hasOwnProperty' of undefined参考这篇文章：Extjs4---Uncaught TypeError: Cann

做了下修改，刚才发的时候没有建立store，model在上一个版本的基础上添加了一点功能，点击左边的Button按钮可以在右边添加新的tab，在tab加了页面，和grid，复习了一下以前学的东西看代码：index.html,app.js没有修改，这应该就是MVC的优点吧，这里只贴出修改的代码：在左边的导航栏添加了两个按钮：Accordion.js:Ext.define(

最近自学的Extjs4，今天试着用MVC做了个类似后台管理系统的界面，正在逐步完善中，有做的不好的地方希望能提出建议，完整代码我会在完全做完之后传上首先建立相应的文件目录如下controller：放控制器的文件夹model：放模型类/实体类，这里暂时没有用到store：存放数据的，暂时为用到view：放视图类的建完目录结构，接下来建立首页：index.html:

我的小站：http://lc448986375.gicp.net，希望与大家学习交流给grid添加RowEditing:var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', { pluginId:'rowEditing', saveBtnText: '保存', cancelBtnText: "取消

因为前台Extjs导出excel有缺点，所以需要在后台导出excel，主要是用apache的poi 下载地址http://poi.apache.org/package com.shs.crm.excel;import java.util.List;import org.apache.poi.hssf.usermodel.HSSFCell;import org.apache.poi.hs

contactGroupStore.each(function(data){ if(value == data.raw.fzbh){ fzmc = data.raw.fzmc //退出循环 return false }

欢迎光临我的小站，共同学习交流技术：http://www.luchg.com完整代码下载地址：http://www.luchg.com/resource/showResource_3.htmltabPanel.js:Ext.require( 'Ext.tab.*');Ext.onReady( function(){ //添加一个Tab，在最后面添加

欢迎光临我的小站，共同学习交流技术：http://www.luchg.com只是做了个小例子，数据是写死在Action里面的完整代码下载地址：http://www.luchg.com/resource/showResource_1.htmlcombobox.js代码：Ext.onReady( function(){ Ext.define( 'model

貌似有点小bug，有时登录成功后不能自动跳转到首页，需要刷新一下，把struts.xml配置中配置为就没问题了，希望有高手能告诉哪写的不对，暂时只能用这种方式解决了完整代码参考：http://www.luchg.com/resource/showResource_5.html如果发现代码有什么问题欢迎提出这次主要是实现了登录功能以及登录验证，到此后台管理系统的框架已经搭建差不多了，剩下

我看了Extjs4的web desktop挺好的，就自己写了一个类似的，希望和大家交流一下，希望能给出好的建议这个1.0版本，没用连接数据库，不断更新中完整代码下载：http://www.luchg.com/resource/showResource_7.html添加程序的方法：1、“安装”：把自己的建的view放到app.view中2、“注册”：在Applicatio

欢迎光临我的小站，共同学习交流技术：http://www.luchg.com直接上代码这是源码下载地址：http://www.luchg.com/resource/showResource_4.html代码太多，其他的没有粘过来，想看的可以去下载源码页面代码与上面几篇文章相同，只是导入的js文件不同editgrid.js//下面两行代码必须要，不然会

欢迎光临我的小站，共同学习交流技术：http://www.luchg.com完整代码下载地址：http://download.youkuaiyun.com/detail/lc448986375/45827941、基本的选项卡tabPanel.html: Form 从页面的div

欢迎光临我的小站，共同学习交流技术：http://www.luchg.com完整代码下载：http://download.youkuaiyun.com/detail/lc448986375/4603225login.js://定义验证码控件Ext.define('CheckCode',{ extend: 'Ext.form.field.Text', alias: 'wi

用MVC做后台管理系统时遇到的问题，关于tab关闭后再打开不显示，或者报错我在新的tabpanel中加入了一个grid，当我关闭再次打开就会报错Cannot read property 'addCls' of null，原因是我在定义grid的错误这是错误代码：Ext.define('HT.view.Grid',{ extend:'Ext.grid.Panel', title

我遇到这个错误是在做MVC时遇到的，因为alias属性忘了加“widget”Ext.define('HT.view.Center',{ extend:'Ext.tab.Panel', //layout:'fit', //注意 加上widget. alias:'widget.center', activeTab:0, width:500, height:400

html中的代码： <link href="ext4/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> hbox.js中的代码：Ext.onReady(function() { var hbox1 = Ext.create('Ext.Panel', { tit

Extjs4,创建Ext组件有了新的方式，就是Ext.create(....)，而且可以使用动态加载JS的方式来加快组件的渲染。 //预加载Window，加快了渲染速度 Ext.require('Ext.Window'); Ext.onReady(function(){ Ext.create( 'Ext.Window', { wi

后台用的是struts2，不过没有连接数据库废话不多说，看代码：html页面只是做的引用，很简单就不贴源码了有什么不懂得可以去下载完整的源码：http://download.youkuaiyun.com/detail/lc448986375/4575474添加了验证码功能：http://blog.youkuaiyun.com/lc448986375/article/details/8025305log

Column布局一般被称为列布局，这种布局的目的是为了创建一个多列的格式。其中每列的宽度，可以为其指定一个百分比或者是一个固定的宽度。 Ext.application( { name:'column', launch:function(){ Ext.create( 'Ext.panel.Panel', {

Absolute布局继承Ext.layout.container.Anchor 布局方式，并增加了X/Y配置选项对子组件进行定位，Absolute布局的目的是为了扩展布局的属性，使得布局更容易使用。Ext.application( { name:'absolute', launch:function(){ Ext.create( 'Ext.panel.P

anchor布局将使组件固定于父容器的某一个位置，使用anchor布局的子组件尺寸相对于容器的尺寸，即父容器容器的大小发生变化时，使用anchor布局的组件会根据规定的规则重新渲染位置和大小。用anchor布局时，用anchor属性来配置组件在父容器中的位置anchor属性为一组字符串，可以使用百分比或者是-数字来表示。配置字符串使用空格隔开Ext.ap

这种布局用来管理多个子组件，并且在任何时刻只能显示一个子组件。这种布局最常用的情况是向导模式，也就是我们所说的分布提交。 Ext.application( { name:'layout_card', launch:function(){ var navigate = function(panel,direction){ v

accordion布局也称手风琴布局，在accordion布局下，在任何时间里，只有一个面板处于激活状态。其中每个面边都支持展开和折叠。注意：只有Ext.Panels 和所有Ext.panel.Panel 子项，才可以使用accordion布局。 Ext.application( { name:'Layou_Accordion', launch

这个实例是extjs4 grid+servlet的分页查询，忙了一下午总算弄出来了，和大家交流分享一下，我也是这几天在自学的Extjs4，可能有些地方写的不太对，有错误希望大家指出来html页面代码; Grid分页查询示例 pageOfgrid.js代码：//预加载Ext.require( [ 'Ext.g

一个简单的grid的创建html代码： Grid示例 grid.js代码//预加载Ext.require( [ 'Ext.grid.*', 'Ext.data.*' ] );Ext.onReady( function(){ //创建Model Ext.

在用Extjs4做MVC的后台管理系统时遇到个问题，当添加一个tab，并在tab中加入一个grid，第一次正常打开，当关闭后再次打开时出错了，错误也有很多种，可能错误的原因也不同吧，最后找了个解决的办法，代码如下：'accordion button[id = adminSet]':{ click:function(o){ var t

我遇到的这个错误原因是没有继承相应的类导致的，代码如下：Ext.define( 'SMS.view.TabPanel', { //extend:'Ext.tab.Panel',//因为没有继承类导致的 initComponent:function(){ Ext.apply( this, { id:'content-panel',

在做The MVC Application Architecture(地址：http://www.sencha.com/learn/the-mvc-application-architecture/)时遇到了一个错误:"Uncaught TypeError: Cannot read property ‘items’ of undefined"找了很久才发现是因为没有在List.js

在网上看的例子，但是根据他们做的根本运行不出来，遇到好多错误，所以自己搜了很多资料做了个小例子，和大家分享一下：在后台管理系统的基础上添加的前台accordion布局代码：{ title:'文章设置', items:[ { xtype:'treepane

今天在做后台管理系统是遇到个问题，我想在grig上面加一个搜索功能，还是按照以前的方法加上去之后报错了：Uncaught TypeError: Cannot call method 'hasOwnProperty' of undefined找了很多资料才找到了一个解决办法就是修改SearchField.js的源代码在me.store.remoteFilter = true;的后

1、action.result.message用于显示后台的错误信息；需要在后台定义message的变量 var form = this.up('form').getForm(); if (form.isValid()) { // Submit the Ajax request and handle the response

完整代码下载：http://download.youkuaiyun.com/detail/lc448986375/4575723upload.js:Ext.onReady( function(){ var form = Ext.create( 'Ext.form.Panel', { frame:true, title:'文件上传实例',

为了方便对多条数据进行修改，多选，全选功能是不可少的，本文是在我发表的Extjs4---grid添加搜索功能上进行修改的html代码：同Extjs4---grid添加搜索功能上的html代码只需修改引用即可gridCheck.js代码：//下面两行代码必须要，不然会报404错误Ext.Loader.setConfig({enabled:true});//我的sear

此实例是在我发表的“Extjs4---grid+servlet分页查询”上添加的搜索功能，基本功能已经实现，但是存在乱码问题，希望有大师指导解决乱码问题在Extjs4中，搜索组件以插件的形式出现，而且实现也非常简单，搜索组件位于examples/ux/form目录下，JS文件是SearchField.js。Grid加载搜索功能，要注意的是：1、开启延迟加载，即E