亚洲AV无码成人网站在线观看,亚洲高清最新av网站,亚洲一区在线视频

Extjs.tree.treePanel 自动查找node

紫蝶∏飛揚↗ — Sat, 28 Apr 2012 06:36:00 GMT

var node_id= Ext.getCmp('partId').getValue()
(1)快速定�?�Ҏ��node.id
注： EXT 树的节点如果不展开,数据是获取不到的( getNodeById() 报异�?�Q�即使你load了数据不展开节点前，一栯��取不到�?/span>
var node=treepanel.getNodeById(node_id);

// treepanel.expandPath(node.getPath())

treepanel.getSelectionModel().select(node)

node.fireEvent('click',node)

(2)递归查找,一层一层��联查�?br />�? 虽然能解�?1)中取不到数据的问�?但访问速度�?而且�U�联查找时会层层扩展开.
treepanel.getRootNode().cascade(function(n) {

if (!n.isLeaf() && !n.isLoaded()) {

n.reload();

return true;

}

if (n.attributes['id'] == Ext.getCmp('partId').getValue()) {

node = n;

treepanel.getSelectionModel().select(node)

node.fireEvent('click', node)

return false;

}

return true;

});

紫蝶∏飛揚↗ 2012-04-28 14:36 发表评论

EditorGridPanel 控制单元格的�~�辑功能

紫蝶∏飛揚↗ — Thu, 23 Feb 2012 10:13:00 GMT

具体描述�Q?/span>

表格�W�一列（其它列也行）为类型选择列，采用ComboBox为编辑器�Q�当选择某一�c�d��Q�如�Q�类�?�Q�时表格当前�?/strong>的某些列�Q�如�Q�第2列~�W?列）��变��Z��可编辑状态，�q�显�C�Z��同的样式�Q�类��g��button的disable�Q��?/p>

       当选择其它�c�d��Q�如�Q�类�?�Q�时表格当前�?/strong>的不可编辑单元格又变成可�~�辑的�?/p>

(1)
是否可编辑样式可以在列模型的renderer中操�?nbsp;
renderer : function(data, meta){
   if(xxx){
      meta.css += " x-item-disabled";
   }
}

(2)
是否可编辑逻辑可以在grid的beforeedit事�g中拦截判�?nbsp;
grid.on("beforeedit", function(e){
/*
                e = {
                    grid: this,
                    record: r,
                    field: field,
                    value: r.data[field],
                    row: row,
                    column: col,
                    cancel:false
                };
*/
   if(xxx){
      return false; // 中止�Q�不让编�?nbsp;
   }
});

紫蝶∏飛揚↗ 2012-02-23 18:13 发表评论

ListView �?GridPanel 是不同的,他们有各自的列类型和日期处理方式

紫蝶∏飛揚↗ — Mon, 28 Jun 2010 07:41:00 GMT

ListView 没有GridPanel那样自动递增的序列列(RowNumber({...}));
ListView 处理日期采用tbl模板昄��其日期样�?GridPanel采用renderer属�? Ext.util.Format.dateRenderer(...)函数.

ListView
{
        xtype : "listview",
        columns : [{
           header : "��目",
           width : .6,
           dataIndex : "projectnam"
          }, {
           width : .25,
           header : "发布旉��",
           dataIndex:"lastdate",
           tpl: '{lastdate:date("m/d/Y")}'
           }],
        store : new Ext.data.JsonStore({
           autoLoad:"true",
           url:"/xtad/testExt/data/waitfortask.jsp",
           fields : ['projectnam', {
                  name : 'lastdate',
                  type:"date",
                  dateFormat:'m/d/Y'
             }]
          })
       }

GridPanel
{
      xtype : "grid",
      cm : new Ext.grid.ColumnModel([
        new Ext.grid.RowNumberer({
           header : "No.1"
          }), {
         header : "��目",
         dataIndex : "projectnam"
        }, {
         header : "发布旉��",
         dataIndex : "lastdate",
         renderer: Ext.util.Format.dateRenderer('m d/Y')
        }]),
      store : new Ext.data.JsonStore({
       autoLoad:"true",
       url:"/xtad/testExt/data/waitfortask.jsp",
         fields : [{
            name : "projectnam"
           },{
            name : "lastdate",
            type:"date",
            dateFormat: 'm/d/Y'
           }]
        })
     }

紫蝶∏飛揚↗ 2010-06-28 15:41 发表评论

Extjs Api 隐藏的内�?--Panel�l��g的�׾~?collapsed)

紫蝶∏飛揚↗ — Mon, 31 May 2010 08:34:00 GMT

1.�q�你型的伸羃:
collapseMode:'mini',

2.标准伸羃(面板�~�放后点�?则��时弹出组�?鼠标�U�d��则自动羃�?:
collapsible:true,

3.仅点�?<<"��头才能伸羃(不存在��时弹出组�?:
floatable: false,
collapsible:true,

紫蝶∏飛揚↗ 2010-05-31 16:34 发表评论

EXTJS 加蝲��中含有脚本�?IE 报错: 80020101

紫蝶∏飛揚↗ — Fri, 28 May 2010 02:51:00 GMT
Extjs panel加蝲��面:
autoLoad : {
                    url:"pages/myworks/mywork_left.jsp",
                    scripts:true
                 }
问题:
(1)不含脚本的加载页�?执行没问�?
(2)加蝲��中含有脚本可能会报80020101错误

解决�Ҏ��如下:
"url":需加蝲的页�?如加载页中含有Extjs脚本,应去掉Extjs核心文�g,以免与父��面冲突.
"scripts:true":执行��面js 代码 ,如果加蝲�l��g是panel,IE 报错:80020101,解决�Ҏ��:更改为formpanel,详细BUG内容�?
http://www.extjs.com/forum/showthread.php?90401-Internet-Explorer-Error-80020101-after-FramePanel-loaded

紫蝶∏飛揚↗ 2010-05-28 10:51 发表评论

紫蝶∏飛揚↗ — Tue, 25 May 2010 09:06:00 GMT
如果��面引用的外部JS脚本使用EL�{�服务端执行的代�?是无法获取到值的.只有在JSP文�g里的JS脚本才能取到服务端代码的�?

原因�Q?br /> 所有的jsp文�g在响应给用户旉��会编译成servlet�Q�执行其中所有的JSP脚本或EL表达式，�q�由java输出��{化成HTML文本代码response响应�l�客��L��Q�所以浏览器接收到的只是html��面。而外部js文�g与HTML一起响应给客户端，�q�在本地�l�装在一��P��所�?lt;script src="xxx.js">�q�样的外部引用JS�Q�是无法执行服务端脚本的�?

紫蝶∏飛揚↗ 2010-05-25 17:06 发表评论

紫蝶∏飛揚↗ — Tue, 25 May 2010 08:07:00 GMT

以下代码仅有S�U�权限的当前用户昄��"我的工作"�?span style="font-family: 'Courier New'; color: black; font-size: 10pt">
   <script language="JavaScript" type="text/javascript">

document.write(' ');

   document.write('
我的工作">我的工作
');

document.write('');

script>

以下转自:http://yangruirui.javaeye.com/blog/496590

JSP��面中的��面元素,URL,按钮是否可见或变灰都可通过Acegi标签库来实现�Q��用Acegi标签库，可设�|�不同的权限ID允许点击的按�?讉K��的URL,或隐藏无权限的功能菜单�?/font>

如何配置和��用标�{�ֺ��Q?/font>

打开acegi-security-1.0.3.jar,在META-INF目录中有一个authz.tld文�g�Q�将此文件复制到你的web应用的WEB-INF"tld中，然后配置web.xml,增加:

http://acegisecurity.sf.net/authz

/WEB-INF/tld/authz.tld

然后JSP��面可以通过声明<%@ taglib uri="http://acegisecurity.sf.net/authz" prefix="authz"%>来引用标�{�ֺ��?/font>

声明了标�{�以后，在页面中可以按下面的格式使用acegi标签(authz标签可以嵌套使用)�Q?/font>

一般用��h��?/font>

��用户权限

�pȝ��l�护权限

也可以在JavaScript中用document.write输出权限标签�Q?/font>

在有javaScript脚本中有时不方便引用acegi标签�Q�可以从SecurityContextHolder中获得权限集合，然后判断当前��d��的用��P��其权限集合中是否有某权限�Q�根据判断结果来军_��昄��或隐藏哪些页面元素，见下面的JSP:

<%@ page contentType="text/html; charset=GBK"%>

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>

<%@ taglib uri="http://acegisecurity.sf.net/authz" prefix="authz"%>

<%@ page import="org.acegisecurity.Authentication" %>

<%@ page import="org.acegisecurity.context.SecurityContext" %>

<%@ page import="org.acegisecurity.context.SecurityContextHolder" %>

<%@ page import="org.acegisecurity.userdetails.UserDetails" %>

<%@ page import="org.acegisecurity.ui.AccessDeniedHandlerImpl" %>

<%@ page import="org.springframework.aop.framework.ProxyFactoryBean"%>

<%@ page import="org.springframework.context.ApplicationContext"%>

<%@ page import="org.springframework.context.support.ClassPathXmlApplicationContext"%>

<%@ page import="org.acegisecurity.GrantedAuthority"%>

<%@ page import="com.mysoft.common.ValidateAcegiAuth"%>

<%

SecurityContext ctx = SecurityContextHolder.getContext();

%>

。。�?/font>

下面是ValidateAcegiAuth�cȝ��代码�Q?/font>

package com.mysoft.common;

import org.acegisecurity.Authentication;

import org.acegisecurity.context.SecurityContext;

import org.acegisecurity.context.SecurityContextHolder;

import org.acegisecurity.userdetails.UserDetails;

import org.acegisecurity.ui.AccessDeniedHandlerImpl;

import org.springframework.aop.framework.ProxyFactoryBean;

import org.springframework.context.ApplicationContext;

import org.springframework.context.support.ClassPathXmlApplicationContext;

import org.acegisecurity.GrantedAuthority;

/**

* 验证权限集合中是否有某一权限

* @author bzwang

*

*

*/

public class ValidateAcegiAuth

{

/**

*验证权限集合中是否有某一权限

* @param ctxLoginUser SecurityContext

* @param sAuthID 权限ID

* @return boolean 是否有指定的权限

*/

public static boolean validate(SecurityContext ctxLoginUser,String sAuthID)

{

boolean bool = false;

Authentication authLoginUser = null;

GrantedAuthority[] arrayAuthorities = null;

if(ctxLoginUser!=null)

{

authLoginUser = ctxLoginUser.getAuthentication();

if(authLoginUser!=null)

{

arrayAuthorities = authLoginUser.getAuthorities();

for(int i=0;i

{

if(arrayAuthorities[i].toString().equals(sAuthID))

{

bool = true;

break;

}

}

}

else

{

bool = false;

}

}

else

{

bool = false;

}

return bool;

}

}

紫蝶∏飛揚↗ 2010-05-25 16:07 发表评论

Ext.grid.GroupingView �?Ext.data.GroupingStore 学习�W�记

紫蝶∏飛揚↗ — Thu, 01 Apr 2010 07:58:00 GMT

  // �l�视�?br />   var groupingView = new Ext.grid.GroupingView({
     // groupTextTpl : '{text} ({[values.rs.length]}
     // {[values.rs.length > 1 ? "Items" : "Item"]})',//
     // 强制(width)填充
     forceFit : true,
     // 是否在首部Group位置昄��列名
     showGroupName : false,
     // 是否在列菜单中显�C?show in group"选择(功能:是否以组方式昄��)
     enableNoGroups : true,
     // 是否在列菜单中显�C?groupBy this
     // Field"选择(功能:更换分组字段排版)
     enableGroupingMenu : false,
     // 是否在列中隐藏分�D늚�字段�?列头)
     hideGroupedColumn : true
    });

        store : new Ext.data.GroupingStore({
         reader : new Ext.data.JsonReader({
            fields : ['project', 'img',
              'title', 'responsedate']
           }),
         // 本地数据加蝲
         data : [{
          id : 1,
          project : '重要消息',
          img : "",
          title : '功能完善�?...',
          responsedate : "2009-01-01"
         }, {
          id : 2,
          project : '普通消�?,
          img : "",
          title : '功能完善�?...',
          responsedate : "2009-01-01"
         }],
         sortInfo : {
          field : 'project',
          direction : 'DESC'// 降序'ASC':升序
         },
         // �l�存在的情况�?是否按组排序(默认为false,�?
         groupOnSort : true,
         groupField : 'project'
        })
       },

紫蝶∏飛揚↗ 2010-04-01 15:58 发表评论

EXTJS 在IE8 ��览器中,文本模式变�ؓquirks(杂项)的问�?�?tabpanel中TAB标签选中�?标签底部没有效果昄��

紫蝶∏飛揚↗ — Thu, 01 Apr 2010 01:38:00 GMT

(1)对于IE8 ��览器而言:
定义IE8 文本模式为IE8

IE8 文本模式为杂��?quirks):无定义状�?br />

(2)IE8 ��览器中,对于EXTJS TABPANEL在IE8中TAB标签选中�?标签底部没有效果昄��
原因:文本模式为杂��?EXTJS无法判断IE��览器版�?也就无法�?lt;a>标签中正��加载CSS代码:
.ext-ie .x-tab-strip .x-tab-right{position:"relative"}

...

紫蝶∏飛揚↗ 2010-04-01 09:38 发表评论

extjs 处理HTML事�g和自定义事�g

紫蝶∏飛揚↗ — Wed, 31 Mar 2010 03:26:00 GMT

1. 处理HTML元素的标准事�?/strong>

HTML元素的标准事件是指mouseover、mousedown、click�?blur、focus、change�{�。在ExtJS中，�q�些事�g的处理如下：

注册一个事件处理函��C��用： Ext.get('myElement').on('click', myHandler, myScope) myElement是要注册的元素的ID�Q�click是事件的名称�Q�注意，和HTML元素中的声明onXXX不同�Q�这里不需要on�Q�，myHandler 是处理函数的函数名称�Q�myScope是一个可选的参数�Q�指定处理函数绑定的对象�Q�也��是处理函数的作用域�Q�如果不提供�q�个参数�Q�则是默认的 window�?

撤销一个事件处理函敎ͼ� Ext.get('myElement').un('click', myHandler, myScope) 参数的意义同上�?/li>

ExtJS 会根据不同的��览器进行相应的处理�Q�支持多��览器。事件处理函数的参数只能参考ExtJS的文档了�Q�必要时�q�得参考源代码�?/p>
2. 处理自定义事�?/strong>

在ExtJS中��用自定义事�g�Q�需要从Ext.util.Observable�l�承�Q�示例代码如下：

Employee = function(name){ this.name = name; this.addEvents({ "fired" : true, "quit" : true }); } Ext.extend(Employee, Ext.util.Observable, { ... });

在这�D�代码中�Q�定义了一个Employee�c�，定义了fired和quit两个事�g。如何触发这两个事�g呢，基类 Ext.util.Observable提供了触发自定义事�g的方法fireEvent(eventName, arg1, arg2, ... argn), eventName是要触发的时间的名称�Q�不区分大小写）�Q�后面的参数arg1�Q�arg2�{�是要传�l�事件处理函数的参数。用上面的Employee�c�d��C�Z��Q�触发quit事�g�Q?/p>
this.fireEvent('quit', this);

�q�行代码��触发quit事�g�Q��ƈ��Empolyee�cȝ��实例传给quit事�g的处理函敎ͼ�quit事�g的订阅可以采用如下代码：

function myHandler1(empolyee){ ... } function myHandler2(empolyee){ ... } var emp = new Empolyee('tom'); emp.on('quit', myHandler1); emp.on('quit', myHandler2);

在上面的代码中，为quit事�g注册了两个处理函敎ͼ�myHandler1与myHandler�Q�，当quit事�g被激发时�Q�将会依�ơ调�?myHandler1和myHandler2两个函数�?/p>
值得注意的是�Q�不��是HTML元素的标准事件还是自定义事�g�Q�如果�ؓ某个旉��注册了多个处理函敎ͼ�如前面的例子�Q�如果myHandler1�q�回 false的话�Q�则会取消在myHandler1之后注册的处理函数的执行�Q�即该事件被取消�Q�从而停止��l�执行该事�g的处理函敎ͼ�而这个返回值false 会作��Z��件激发的�l�果�Q�返回给empolyee�Q�即�Q?/p>
var result = this.fireEvent('quit', this); if (result === false) { alert('event canceled'); //�q�里表示事�g被某个处理函数取�?/span> } else { alert('event complete'); // �q�里表示事�g执行完毕 }

通过Ext的自定义事�g的机�Ӟ��可以实现一对多的观察者模式，也可以实��C��对一的绑定模式，�q�一点，在ExtJS的开发中是很重要的�?/p>

紫蝶∏飛揚↗ 2010-03-31 11:26 发表评论

renderTo and el and contentEl 图文详解

紫蝶∏飛揚↗ — Thu, 24 Sep 2009 06:36:00 GMT

   id:"box",
   renderTo:"content11",
   el: "content11-title"

********************************************************
   id:"box",
   renderTo:"content11",
   //el: "content11-title"

********************************************************
id : "box",
renderTo : "content11-title"http://,
// el: "content11-title"

********************************************************
id : "box",
contentEl: "content11-title",
renderTo : "content11"http://,

id : "box",
contentEl: "content11-title",
renderTo : "content11"http://,

紫蝶∏飛揚↗ 2009-09-24 14:36 发表评论

Extjs ListView 详解

紫蝶∏飛揚↗ — Wed, 23 Sep 2009 01:50:00 GMT

// consume JSON of this form:

{
   "images":[
      {
         "name":"dance_fever.jpg",
         "size":2067,
         "lastmod":1236974993000,
         "url":"images\/thumbs\/dance_fever.jpg"
      },
      {
         "name":"zack_sink.jpg",
         "size":2303,
         "lastmod":1236974993000,
         "url":"images\/thumbs\/zack_sink.jpg"
      }
   ]
}
var store = new Ext.data.JsonStore({
    url: 'get-images.php',
    root: 'images',
    fields: [
        'name', 'url',
        {name:'size', type: 'float'},
        {name:'lastmod', type:'date', dateFormat:'timestamp'}
    ]
});
store.load();

var listView = new Ext.ListView({
    store: store,
    multiSelect: true,
    emptyText: 'No images to display',
    reserveScrollOffset: true,
    columns: [{
        header: 'File',
        width: .5,
        dataIndex: 'name'
    },{
        header: 'Last Modified',
        width: .35,
        dataIndex: 'lastmod',
        tpl: '{lastmod:date("m-d h:i a")}'
    },{
        header: 'Size',
        dataIndex: 'size',
        tpl: '{size:fileSize}', // format using Ext.util.Format.fileSize()

        align: 'right'
    }]
});

// put it in a Panel so it looks pretty

var panel = new Ext.Panel({
    id:'images-view',
    width:425,
    height:250,
    collapsible:true,
    layout:'fit',
    title:'Simple ListView (0 items selected)',
    items: listView
});
panel.render(document.body);

// little bit of feedback

listView.on('selectionchange', function(view, nodes){
    var l = nodes.length;
    var s = l != 1 ? 's' : '';
    panel.setTitle('Simple ListView ('+l+' item'+s+' selected)');
});

紫蝶∏飛揚↗ 2009-09-23 09:50 发表评论

紫蝶∏飛揚↗ — Mon, 21 Sep 2009 09:17:00 GMT
baseCls :defaults to 'x-panel'

Panel      Default Default             Custom      Additional       Additional
Element    element class               element     class            style

========   ==========================   =========   ==============   ===========

header     div      baseCls+'-header'   headerCfg   headerCssClass   headerStyle

bwrap      div      baseCls+'-bwrap'     bwrapCfg    bwrapCssClass    bwrapStyle

+ tbar     div      baseCls+'-tbar'       tbarCfg     tbarCssClass     tbarStyle

+ body     div      baseCls+'-body'       bodyCfg     bodyCssClass     bodyStyle

+ bbar     div      baseCls+'-bbar'       bbarCfg     bbarCssClass     bbarStyle

+ footer   div      baseCls+'-footer'   footerCfg   footerCssClass   footerStyle

baseCls :"content11",

content11">

content11-header x-unselectable" id="ext-gen8" style="-moz-user-select: none;">
content11-header-text" id="ext-gen11">content11

content11-bwrap" id="ext-gen9">

content11-body" id="ext-gen10">fdsaf

headerCssClass :"content11",

content11 x-unselectable" id="ext-gen8" style="-moz-user-select: none;">
content11

fdsaf

紫蝶∏飛揚↗ 2009-09-21 17:17 发表评论

Extjs dataView 详解

紫蝶∏飛揚↗ — Tue, 08 Sep 2009 06:10:00 GMT
(一)js
var store = new Ext.data.JsonStore({ url: 'get-images.php', root: 'images', fields: [ 'name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date', dateFormat:'timestamp'} ] }); store.load(); var tpl = new Ext.XTemplate( 'for=".">', '"thumb-wrap" id="{name}">', '"thumb">"{url}" title="{name}">', '"x-editable">{shortName}', '', '"x-clear">' ); var panel = new Ext.Panel({ id:'images-view', frame:true, width:535, autoHeight:true, collapsible:true, layout:'fit', title:'Simple DataView', items: new Ext.DataView({ store: store, tpl: tpl, autoHeight:true, multiSelect: true, overClass:'x-view-over', //鼠标悬停item时的�c�L��?defaults to undefined itemSelector:'div.thumb-wrap', //必须��?��gؓitem选择�?此��g��可�ؓ.thumb-wrap e.g. div.some-class // //(默认�?defaults to 'x-view-selected',但仍必须写此�cȝ��CSS内容 emptyText: 'No images to display' /*             plugins: [                 new Ext.DataView.DragSelector(),                 new Ext.DataView.LabelEditor({dataIndex: 'name'})             ],*/             prepareData: function(data){ //数据预处�?��x��据处理前.data为原始数�?�c�d��为对�?                 data.shortName = Ext.util.Format.ellipsis(data.name, 15); //指定字符串�ؓ15个字�W?��出部分用三个圆点代�?             // data.sizeString = Ext.util.Format.fileSize(data.size);             // data.dateString = data.lastmod.format("m/d/Y g:i a");                 return data;             },                        listeners: {             selectionchange: { //�l�点的选择发生改变�?即重新选择�l�点�?可以更改为selectionchange:function(dv,nodes)...               fn: function(dv,nodes){                var l = nodes.length;                var s = l != 1 ? 's' : '';                panel.setTitle('Simple DataView ('+l+' item'+s+' selected)');               }             }
}) }); panel.render(document.body);

DataView 用store提供的数据流�Q�采用tpl的格式显�C�，itemSelector的��gؓ数据��中块的CSS�c�选择器，对块操作时更换其CSS�c�L��?如鼠标悬停在块上和块被选定时的CSS�c�L��?��单点�?��是有利于对数据��中的块好控制操�?

tpl定义的块�Q?span aria-expanded="false" class="nodeLabelBox repTarget " role="treeitem"><div id="zack_hat.jpg" class="thumb-wrap">
鼠标悬停时的块（overClass�Q�：<div id="zack_hat.jpg" class="thumb-wrap x-view-over">
点击被选中的块�Q�selectedClass�Q�：<div id="kids_hug2.jpg" class="thumb-wrap x-view-selected">

1.当鼠标点��L��据流中某一块时�Q�块增加selectedClass定义的类样式�Q�如没定义类�?即采用默认的�c�d��'x-view-selected'�Q�CSS内容依然为空,仍需手写,只是�c�d��必须为此�Q�；
2.用overClass定义的CSS�c�L��式，鼠标悬停在块(div)上，更换其CSS�c�L��?
3.dataView.store.filter(f1,f2):从store中查找f1字段,与f2匚w��(不完全匹配相�?�q��o,重新本地加蝲数据.
4.dataView.store.store(f1,'asc'/'desc'):store的内�Ҏ��f1的值排�?
5.dataView.store.clearFilter():清除�q��o状�?�q�原初始.
6.dataView.select(n):更换�W�n个块的CSS�c�L��?

(�?html:

-->

DataView Example

(�?css
#images-view .x-panel-body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:white none repeat scroll 0 0;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
#images-view .thumb {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DDDDDD none repeat scroll 0 0;
padding:3px;
}
#images-view .thumb img {
height:60px;
width:80px;
}
#images-view .thumb-wrap {
float:left;
margin:4px 0 4px 4px;
padding:5px;
}
#images-view .thumb-wrap span {
display:block;
overflow:hidden;
text-align:center;
}
#images-view .x-view-over {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EFEFEF url(../../resources/images/default/grid/row-over.gif) repeat-x scroll left top;
border:1px solid #DDDDDD;
padding:4px;
}
#images-view .x-view-selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EFF5FB url(images/selected.gif) no-repeat scroll right bottom;
border:1px solid #99BBE8;
padding:4px;
}
#images-view .x-view-selected .thumb {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
}
#images-view .loading-indicator {
background-image:url(../../resources/images/default/grid/loading.gif);
background-position:left center;
background-repeat:no-repeat;
font-size:11px;
margin:10px;
padding-left:20px;
}

紫蝶∏飛揚↗ 2009-09-08 14:10 发表评论

紫蝶∏飛揚↗ — Mon, 24 Aug 2009 08:00:00 GMT
index.faces�Q?�׃��?
<%@ page language="java" pageEncoding="UTF-8"%>     //解决EXTJS 接收数据中有中文出现"?????"�{��ؕ�?br /> ${searchAll.searchData}                                                    //解决JS接收数据.Ext.store({url�Q�index.faces�Q?..})

紫蝶∏飛揚↗ 2009-08-24 16:00 发表评论

Extjs 漂亮的Panel折叠伸羃控�g layout:'accordion'

紫蝶∏飛揚↗ — Wed, 27 May 2009 08:22:00 GMT

HTML:

knowledgemenu" class="x-hidden mymenu">

menubar">知识��D��


公告


待解决问�?lt;/a>


已解决问�?lt;/a>


知识贡献


Tags




libmenu" class="x-hidden mymenu">

menubar">文章�?lt;/a>


图书�?lt;/a>


软�g�?lt;/a>



CSS:

.menubar {
border-bottom: 1px solid #AACCF6;
color: #222222;
cursor: pointer;
display: block;
height: 20px;
width: 50px;
line-height: 17px;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
padding: 3px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}

.menubar:hover {     //鼠标悬停上时触发
background: #EBF3FD url(../item-over.gif) repeat-x scroll left bottom;
text-decoration: none;
}

JS:
    var knowledgemenu = new Ext.Panel({
                 title: '��维知道',
                 contentEl:'knowledgemenu', //DOM标签ID
                 border:false,
                    iconCls:'nav'
                });
    var libmenu = new Ext.Panel({
                 title: '专题',
                 contentEl:'libmenu',
                 border:false,
                    iconCls:'nav'
                });
    var westPanel=new Ext.Panel({
                    region:'west',
                    el:'west',
                    title:'功能菜单',
                    collapsible: true,    //本窗口�׾~?/span>
                    //collapseMode:'mini',
                    split:true,
                    width: 175,
                    minSize: 175,
                    maxSize: 175,
                    margins:{left: 10, top: 0, right: 0, bottom: 0},
                    layout:'accordion',   //子窗口�ؓ折叠
                    layoutConfig:{
                        animate:true
                       // fill :false
                    },
                    items:[knowledgemenu, libmenu]
    });

紫蝶∏飛揚↗ 2009-05-27 16:22 发表评论

EXTJS 标签动画

紫蝶∏飛揚↗ — Tue, 26 May 2009 07:46:00 GMT

HTML:
menubar" href="javascript:openknown()" id="knowledge">知识��D��

CSS:
a.menubar {
border-bottom:1px solid #AACCF6;
color:#222222;
  cursor:pointer;
  display:block;
   height:20px;
   line-height:17px;
   outline-color:-moz-use-text-color;
   outline-style:none;
   outline-width:0;
   padding:3px;
   text-align:center;
   text-decoration:none;
   white-space:nowrap;
}
a.menubar : hover {
   background : #EBF3FD url(../images/default/menu/item-over.gif) repeat-x scroll left bottom;
   text-decoration:none;
}

紫蝶∏飛揚↗ 2009-05-26 15:46 发表评论

Extjs 首页 "load..." 制作�Ҏ��

紫蝶∏飛揚↗ — Mon, 25 May 2009 08:05:00 GMT
html:

loading-mask" style="">


loading">


          Loading...


......

CSS:
#loading-mask{
position:absolute;
left:0;
top:0;
    width:100%;
    height:100%;
    z-index:20000;
   background-color:white;   //此处讄��遮照颜色
}
#loading{
    position:absolute;
    left:45%;
   top:40%;
    padding:2px;
    z-index:20001;
    height:auto;
}
#loading img {
    margin-bottom:5px;
}
#loading .loading-indicator{
    background:white;
    color:#555;
    font:bold 13px tahoma,arial,helvetica;
    padding:10px;
   margin:0;
    text-align:center;
    height:auto;
}

JS:
....
    var viewport = new Ext.Viewport({    //new 对象�?卌��动创建显�C?以下函数在组件显�C�出来后执行.
        layout:'border',
        items:[ hd, api, mainPanel ]
    });

setTimeout(function(){   //此函数放在所有组�?昄��出来)�?如上�?, 或放在显�C�控制函数里.
        Ext.get('loading').remove();   //删除囄��和方�?br />         Ext.get('loading-mask').fadeOut({remove:true});   //淡出效果方式,删除整个遮照�?br />     }, 250);    //250毫秒后执行此函数

紫蝶∏飛揚↗ 2009-05-25 16:05 发表评论

紫蝶∏飛揚↗ — Mon, 25 May 2009 05:18:00 GMT
new Ext.Panel({...
tools:[{
    id:'refresh',
    qtip: 'Refresh form Data',
    // hidden:true,
    handler: function(event, toolEl, panel){
        // refresh logic
    }
}]
...})

id : String
   Required. The type of tool to create. Values may betoggle (Created by default when collapsible is true)
close
minimize
maximize
restore
gear
pin
unpin
right
left
up
down
refresh
minus
plus
help
search
save
print
handler : Function
    Required. The function to call when clicked. Arguments passed are:
event : Ext.EventObject
    The click event.
toolEl : Ext.Element
   The tool Element.
Panel : Ext.Panel
   The host Panel
scope : Object
   The scope in which to call the handler.
qtip : String/Object
   A tip string, or a config argument to Ext.QuickTip.register
hidden : Boolean
   True to initially render hidden.
on : Object
   A listener config object specifiying event listeners in the format of an argument to addListener

紫蝶∏飛揚↗ 2009-05-25 13:18 发表评论

紫蝶∏飛揚↗ — Fri, 22 May 2009 06:28:00 GMT
(1)Ext.FormPanel
f.getForm().submit({
   url:"......",
   params:{   XX:xx .....}
   success: function (c,v,e) {    //e: 触发事�g
                  var json=Ext.decode(v.response.responseText);
               },
   failure:function(c,v,e){}
})

(2)Ext.Ajax.request
Ext.Ajax.request({
    url:"....",
    params:{XX:xx....},
    success: function (v,c) {
                   var json=Ext.decode(v.responseText);
                },
    failure:function(v,c){}
})

紫蝶∏飛揚↗ 2009-05-22 14:28 发表评论

Ext.LoadMask 制作��面加蝲LOAD

紫蝶∏飛揚↗ — Thu, 21 May 2009 08:56:00 GMT
var mask = new Ext.LoadMask("ID", {
    msg : '正在加蝲...'
    });
    mask.show();
    borrowhistory_store.load({
                params : {
                    webname : "all",
                    start : 0,
                    limit : borrowhistory_pageTool.pageSize
                }
            });
    borrowhistory_store.on("load", function() {
    mask.hide();
    })

紫蝶∏飛揚↗ 2009-05-21 16:56 发表评论

TabPanel子窗�?如Ext.Panel�{?隐藏属性closable

紫蝶∏飛揚↗ — Thu, 21 May 2009 04:43:00 GMT
TabPanel子窗�?如Ext.Panel,Ext.grid.GridPanel�{?隐藏属性closable:true/false //昄��/隐藏子窗口右上角的关闭按�?br /> �?此属性只有TabPanel子窗口才有效.

紫蝶∏飛揚↗ 2009-05-21 12:43 发表评论

紫蝶∏飛揚↗ — Wed, 20 May 2009 09:39:00 GMT
var store2 = new Ext.data.JsonStore({});
var store3={};
Ext.apply(store2,magazine_store); //效果无用.store2仍引用magazine_store,无法独立使用.
Ext.apply(store3,magazine_store); //效果同上.
store3=Ext.apply(store2,magazine_store); //效果同上.

紫蝶∏飛揚↗ 2009-05-20 17:39 发表评论

Ext.grid.gridPanel 无法在Ext.formPanel或Ext.window下加�?解决�Ҏ��.

紫蝶∏飛揚↗ — Mon, 18 May 2009 07:37:00 GMT
其实,��是gridPanel初始时没有定义宽和高,宽和高没有默认值的原因.
解决�Ҏ��:
(1)width:XX,height:XX
(2)anchor:"XX% XX%"   //�?高分别所占父�l��g�?高的癑ֈ��?

紫蝶∏飛揚↗ 2009-05-18 15:37 发表评论

紫蝶∏飛揚↗ — Fri, 10 Apr 2009 02:55:00 GMT
     摘要: function author_crud(rs, mode) {// rs:�l�定选择的记�?可直接操作媄响STORE     if (mode == "del") {//单独判断del       ...  阅读全文

紫蝶∏飛揚↗ 2009-04-10 10:55 发表评论

Ext.data.Record.create({...}) 使用说明.

紫蝶∏飛揚↗ — Fri, 03 Apr 2009 09:44:00 GMT

var TopicRecord = Ext.data.Record.create([
    {name: 'title', mapping: 'topic_title'},
    {name: 'author', mapping: 'username'},
    {name: 'totalPosts', mapping: 'topic_replies', type: 'int'},
    {name: 'lastPost', mapping: 'post_time', type: 'date'},
    {name: 'lastPoster', mapping: 'user2'},
    {name: 'excerpt', mapping: 'post_text'}
]);

var myNewRecord = new TopicRecord({
    topic_title: 'Do my job please',
    username: 'noobie',
    topic_replies: 1,
    post_time: new Date(),
    user2: 'Animal',
    post_text: 'No way dude!'
});
myStore.add(myNewRecord);

Ext.data.Record.create({...});
Returns: function
A constructor which is used to create new Records according to the definition.
�Ҏ��定义, �q�个构造函数是用来创造新的记录�?

紫蝶∏飛揚↗ 2009-04-03 17:44 发表评论

FormPanel.getForm().submit({...}) �Ҏ��是异步提�?

紫蝶∏飛揚↗ — Fri, 03 Apr 2009 03:51:00 GMT

var win = new Ext.Window({
  title : "读者资�?,
  layout : "fit",
  items : [new Ext.FormPanel({
     id : "author_form",
     frame : true,
     labelWidth : 60,
     autoHeight : true,
     autoWidth : true,
     url : "author_json.jsp",
     buttons : [{
        text : "��定",
        handler : function() {
         var f = this.ownerCt;
          Ext.getCmp("author_form").getForm().submit({
             success : function() {
              Ext.Msg.alert("success!");
             },
             failure : function() {
              // Ext.Msg.alert("failure!");
             }
            })

// 错误: 提交不了表单元素.原因: submit�Ҏ��是异步提�?/span>,不等提交完成��p��?所以提前执行了关闭功能,无法提交数据.
//f.ownerCt.close();

}
       }],
     items : [new Ext.form.TextField({
        fieldLabel : "�~�号",
        name : "author_num"
       })]
    })]
});
win.show();

紫蝶∏飛揚↗ 2009-04-03 11:51 发表评论

Ext.data.JsonStore 提交数据

紫蝶∏飛揚↗ — Thu, 02 Apr 2009 09:24:00 GMT
//JSON: {root:[.........]}
var author_store = new Ext.data.JsonStore({
fields : author_f,
url : "webjson.faces",
root : "author"http:// ,
  // baseParams:{webnam:"author"}   //也可在定义时指定参数.参数名相同时覆盖,如webname.
});

一. load �Ҏ��.
author_store.load({
            params : {
             webname : "findnam",
             webvalue : v
            }
           });

传送页�? webjson.faces
传送方�? POST   //默认且不能修�Ҏ��?
传送内�?webname=findnam webvalue=v

�?reload �Ҏ��
语法: author_store.reload()    //无参�?br /> 概述: 自动加蝲JsonStore. baseParams如定义则传参�?没有则不传�?

紫蝶∏飛揚↗ 2009-04-02 17:24 发表评论

Extjs 查找FormPanel(也包括所有容�?下的所有子�l��g

紫蝶∏飛揚↗ — Wed, 01 Apr 2009 09:36:00 GMT
一.items数组 (推荐)
Extjs API 没有相关说明,因�ؓ��装到FindBy�{�相��x��法里.注意,Extjs也还是JS.FF跟踪可以查询�?
var t1=formpanel.items.items[0]; //�q�回 formpanel �W�一个组�?

�?findBy( Function fcn, [Object scope] ) : Array
Extjs API 有相兌��?
//t : items数组.
var t=f.findBy(function(){return true});

紫蝶∏飛揚↗ 2009-04-01 17:36 发表评论

紫蝶∏飛揚↗ — Wed, 01 Apr 2009 06:47:00 GMT

正则表达式用于字�W�串处理、表单验证等场合�Q�实用高效。现��一些常用的表达式收集于此，以备不时之需�?br />

匚w��中文字符的正则表辑ּ��Q?[\u4e00-\u9fa5]
评注�Q�匹配中文还真是个头疼的事，有了�q�个表达式就好办�?/p>
匚w��双字节字�W?包括汉字在内)�Q�[^\x00-\xff]
评注�Q�可以用来计��字�W�串的长度（一个双字节字符长度�?�Q�ASCII字符�?�Q?/p>
匚w��I�白行的正则表达式：\n\s*\r
评注�Q�可以用来删除空白行

匚w��HTML标记的正则表辑ּ��Q?lt;(\S*?)[^>]*>.*?|<.*? />
评注�Q�网上流传的版本太糟�p�，上面�q�个也仅仅能匚w��部分�Q�对于复杂的嵌套标记依旧无能为力

匚w��首尾�I�白字符的正则表辑ּ��Q�^\s*|\s*$
评注�Q�可以用来删除行首行��I�白字符(包括�I�格、制表符、换��늬��{�等)�Q�非常有用的表达�?/p>
匚w��Email地址的正则表辑ּ��Q�\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
评注�Q�表单验证时很实�?/p>
匚w��|�址URL的正则表辑ּ��Q�[a-zA-z]+://[^\s]*
评注�Q�网上流传的版本功能很有限，上面�q�个基本可以满��需�?/p>
匚w��帐号是否合法(字母开��_��允许5-16字节�Q�允许字母数字下划线)�Q�^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注�Q�表单验证时很实�?/p>
匚w��国内电话��L��Q�\d{3}-\d{8}|\d{4}-\d{7}
评注�Q�匹配�Ş式如 0511-4405222 �?021-87888822

匚w��腾讯QQ��P��[1-9][0-9]{4,}
评注�Q�腾讯QQ号从10000开�?/p>
匚w��中国邮政�~�码�Q�[1-9]\d{5}(?!\d)
评注�Q�中国邮政编码�ؓ6位数�?/p>
匚w��w�䆾证：\d{15}|\d{18}
评注�Q�中国的�w�䆾证�ؓ15位或18�?/p>
匚w��ip地址�Q�\d+\.\d+\.\d+\.\d+
评注�Q�提取ip地址时有�?/p>
匚w��特定数字�Q?br /> ^[1-9]\d*$　　 //匚w��正整�?br /> ^-[1-9]\d*$ 　 //匚w��负整�?br /> ^-?[1-9]\d*$　　 //匚w��整数
^[1-9]\d*|0$　 //匚w��非负整数�Q�正整数 + 0�Q?br /> ^-[1-9]\d*|0$　　 //匚w��非正整数�Q�负整数 + 0�Q?br /> ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$　　 //匚w��正��Q�Ҏ��
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$　 //匚w��负��Q�Ҏ��
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$　 //匚w��点�?br /> ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$　　 //匚w��非负��点敎ͼ�正��Q�Ҏ�� + 0�Q?br /> ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$　　//匚w��非正��点敎ͼ�负��Q�Ҏ�� + 0�Q?br /> 评注�Q�处理大量数据时有用�Q�具体应用时注意修正

匚w��特定字符�Ԍ��
^[A-Za-z]+$　　//匚w��?6个英文字母组成的字符�?br /> ^[A-Z]+$　　//匚w��?6个英文字母的大写�l�成的字�W�串
^[a-z]+$　　//匚w��?6个英文字母的��写�l�成的字�W�串
^[A-Za-z0-9]+$　　//匚w��由数字和26个英文字母组成的字符�?br /> ^\w+$　　//匚w��由数字�?6个英文字母或者下划线�l�成的字�W�串
评注�Q�最基本也是最常用的一些表辑ּ�
转自:http://lifesinger.3322.org/myblog/?p=185

紫蝶∏飛揚↗ 2009-04-01 14:47 发表评论

亚洲AV无码成人网站在线观看,亚洲高清最新av网站,亚洲一区在线视频

Extjs.tree.treePanel 自动查找node

EditorGridPanel 控制单元格的�~�辑功能

ListView �?GridPanel 是不同的,他们有各自的列类型和日期处理方式

Extjs Api 隐藏的内�?--Panel�l��g的�׾~?collapsed)

EXTJS 加蝲��中含有脚本�?IE 报错: 80020101

Ext.grid.GroupingView �?Ext.data.GroupingStore 学习�W�记

EXTJS 在IE8 ���览器中,文本模式变�ؓquirks(杂项)的问�?�?tabpanel中TAB标签选中�?标签底部没有效果昄���

extjs 处理HTML事�g和自定义事�g

renderTo and el and contentEl 图文详解

Extjs ListView 详解

Extjs dataView 详解

DataView Example

Extjs 漂亮的Panel折叠伸羃控�g layout:'accordion'

EXTJS 标签动画

Extjs 首页 "load..." 制作�Ҏ��

Ext.LoadMask 制作��面加蝲LOAD

TabPanel子窗�?如Ext.Panel�{?隐藏属性closable

Ext.grid.gridPanel 无法在Ext.formPanel或Ext.window下加�?解决�Ҏ��.

Ext.data.Record.create({...}) 使用说明.

FormPanel.getForm().submit({...}) �Ҏ��是异步提�?

Ext.data.JsonStore 提交数据

Extjs 查找FormPanel(也包括所有容�?下的所有子�l��g

EXTJS 在IE8 ��览器中,文本模式变�ؓquirks(杂项)的问�?�?tabpanel中TAB标签选中�?标签底部没有效果昄��