欧美亚洲一区三区,亚洲专区在线视频,国产a级毛片一区

让Extjs EditorGridPanel �~�辑时支持方向键

Tue, 27 Aug 2013 05:10:00 GMT

在用 extjs editorgridpanel �q�行输入�~�辑的时�? 默认情况下只支持使用 tab 键可以实现焦点切�? 如果惌��editorgridpanel 在编辑时通过方向键来实现焦点跌��{切换�Q�只需加上以下代码�Q?/span>

//让grid支持方向键盘 by liongis@163.com
Ext.override(Ext.grid.CellSelectionModel, {
    onEditorKey : function(field, e) {
        var smodel = this;
        var k = e.getKey(), newCell, g = smodel.grid, ed = g.activeEditor;
        switch(k){
            case e.TAB:
                 e.stopEvent();
                 ed.completeEdit();
                 if (e.shiftKey) {
                     newCell = g.walkCells(ed.row, ed.col-1, -1, smodel.acceptsNav, smodel);
                 } else {
                     newCell = g.walkCells(ed.row, ed.col+1, 1, smodel.acceptsNav, smodel);
                 }
                 if (ed.col == 1) {
                     if (e.shiftKey) {
                         newCell = g.walkCells(ed.row, ed.col+1, -1, smodel.acceptsNav, smodel);
                     } else {
                         newCell = g.walkCells(ed.row, ed.col+1, 1, smodel.acceptsNav, smodel);
                     }
                 }
                break;
            case e.UP:
                 e.stopEvent();
                 ed.completeEdit();
                 newCell = g.walkCells(ed.row-1, ed.col, -1, smodel.acceptsNav, smodel);
                break;
            case e.DOWN:
                 e.stopEvent();
                 ed.completeEdit();
                 newCell = g.walkCells(ed.row+1, ed.col, 1, smodel.acceptsNav, smodel);
                break;
            case e.LEFT:
                 e.stopEvent();
                 ed.completeEdit();
                 newCell = g.walkCells(ed.row, ed.col-1, -1, smodel.acceptsNav, smodel);
                 break;
             case e.RIGHT:
                 e.stopEvent();
                 ed.completeEdit();
                 newCell = g.walkCells(ed.row, ed.col+1, 1, smodel.acceptsNav, smodel);
                   break;
        }
       if (newCell) {
            g.startEditing(newCell[0], newCell[1]);
       }
     }
});

注意�Q?/span>�q�里重写的是�Q�CellSelectionModel �Q�而不是RowSelectionMode

原文��Q?div>http://www.cnblogs.com/liongis/p/3284620.html

��胡�?/a> 2013-08-27 13:10 发表评论

Tue, 13 Aug 2013 08:48:00 GMT

我们知道�Q�EXT的全部js是比较大的，一个ext-all-debug.js��p��2m多，它的压羃版（��L��js中的换行及空��|��Q�也�?00多k,�q�对于在�|�速不太快的时�Q�下载js��得漫长的等待�?br /> JOffice中的日历��d��控�g�Q�js多达四五个，每个js大小都达70多k,��管我们采用了后加蝲的方式，则当用户点击我的��d��功能�Ӟ��才下载该js�Q�但�q�样仍然很慢�Q�因��Z��载的js很慢
�Q�鉴于此�Q�在互联�|�上使用�c�M��Joffice�c�M��的程序，速度会��很多开发商不敢选用ext作�ؓ开发技术。据本�h当时参与�U�d��一个内部采购��^台的开发，��是因�ؓ其运行程序慢�Q�遭到移动的�l�端用户的弃骂，
所以，要想用EXT来开发应用，需要解军_��q�行慢的特点�?br />

我们可以从以下几�U�方法来提高应用�E�序的运行速度�Q?br />
一.前期��量��加载js.

�q�点在Joffice中有比较好的�q�用�Q�采用的是由ScriptMgr.load�Ҏ��来完成，加蝲完成后，其会在body中插入一个div,只要当前��面不被��h��Q�下�ơ再讉K��该功能时�Q�不需要再加蝲js

   function $ImportJs(viewName,callback) {
    var b = document.getElementById(viewName+'-hiden');
    if (b != null) {
        var view = eval('new ' + viewName + '()');
        callback.call(this, view);
    } else {
        var jsArr = eval('App.importJs.' + viewName);
        if(jsArr==undefined){
            var view = eval('new ' + viewName + '()');
            callback.call(this, view);
            return ;
        }
        ScriptMgr.load({
                    scripts : jsArr,
                    callback : function() {

                        Ext.DomHelper.append(document.body,""
                                                + viewName
                                                + "-hiden' style='display:none'>

");
                        var view = eval('new ' + viewName + '()');
                        callback.call(this, view);
                    }
        });
    }
}

    package com.htsoft.core.web.filter;
        import java.io.IOException;
        import java.util.HashMap;
        import java.util.Iterator;
        import java.util.Map;
        import javax.servlet.Filter;
        import javax.servlet.FilterChain;
        import javax.servlet.FilterConfig;
        import javax.servlet.ServletException;
        import javax.servlet.ServletRequest;
        import javax.servlet.ServletResponse;
        import javax.servlet.http.HttpServletRequest;
        import javax.servlet.http.HttpServletResponse;

        public class GzipJsFilter implements Filter {
            Map headers = new HashMap();
            public void destroy() {
            }
            public void doFilter(ServletRequest req, ServletResponse res,
                    FilterChain chain) throws IOException, ServletException {
                if(req instanceof HttpServletRequest) {
                    doFilter((HttpServletRequest)req, (HttpServletResponse)res, chain);
                }else {
                    chain.doFilter(req, res);
                }
            }
            public void doFilter(HttpServletRequest request,
                    HttpServletResponse response, FilterChain chain)
                    throws IOException, ServletException {
                    request.setCharacterEncoding("UTF-8");
                    for(Iterator it = headers.entrySet().iterator();it.hasNext();) {
                        Map.Entry entry = (Map.Entry)it.next();
                        response.addHeader((String)entry.getKey(),(String)entry.getValue());
                    }
                    chain.doFilter(request, response);
            }

            public void init(FilterConfig config) throws ServletException {
                String headersStr = config.getInitParameter("headers");
                String[] headers = headersStr.split(",");
                for(int i = 0; i < headers.length; i++) {
                    String[] temp = headers[i].split("=");
                    this.headers.put(temp[0].trim(), temp[1].trim());
                }
            }
        }

3.在WEB.xml 文�g中，��d��以下配置�Q?/div>

<filter>
    <filter-name>GzipJsFilterfilter-name>
    <filter-class>com.htsoft.core.web.filter.GzipJsFilterfilter-class>
    <init-param>
        <param-name>headersparam-name>
        <param-value>Content-Encoding=gzipparam-value>
    init-param>
filter>
<filter-mapping>
<filter-name>GzipJsFilterfilter-name>
<url-pattern>*.gzjsurl-pattern>
lt;/filter-mapping>
<servlet-mapping>

4.在index.jsp中引入该压羃文�g�Q?br />

可以看到��览器解压后�Q�其代码是一��L��Q?/p>

大家可以看到以上�Q�这块是在外�|��用的�Q�其速度是比较快的。当�Ӟ��览器解压这个文仉��要一�Ҏ��_��不过在本地解压是非常快的�Q�可以不用管�?/p>

三、通过Js�~�存�Q�更加可以提高��I�Q�Ｔ的加载速度�Q�关于缓存，本文不作讨论�?/p>

原文��Q?div>http://man1900.iteye.com/blog/515058

��胡�?/a> 2013-08-13 16:48 发表评论

[转]Ext GridPanel�Ҏ��条�g昄��复选框

Mon, 06 May 2013 07:34:00 GMT

Ext GridPanel实现复选框选择�?

1 var selectModel = new Ext.grid.CheckboxSelectionModel({
2 singleSelect : false
3 });
4

但是�q�样每一行都会有复选框,如果需求�ؓ:某行数据的某个列满��什么条件我才有复选框选项��׃��太好实现�?

�q�样��需要重写Ext.grid.CheckboxSelectionModel的渲�?行点��L��数来实现.

1 var selectModel = new Ext.grid.CheckboxSelectionModel({
2       singleSelect : false,
3       renderer : function(v, p, record){
4           if (record.data['�l�果状�?] == '0'){
5                return '';
6           }
7           return '<div class="x-grid3-row-checker"> div>';
8       },
9       onHdMouseDown : function(e, t) {
10           if (t.className == 'x-grid3-hd-checker') {
11                e.stopEvent();
12                var hd = Ext.fly(t.parentNode);
13                var isChecked = hd.hasClass('x-grid3-hd-checker-on');
14                if (isChecked){
15                   hd.removeClass('x-grid3-hd-checker-on');
16                   this.clearSelections();
17               }else {
18                   hd.addClass('x-grid3-hd-checker-on');
19                   if (this.locked){
20                       return;
21                   }
22                   this.selections.clear();
23                   for (var i = 0, len = this.grid.store.getCount(); i < len; i++ ){
24                       if (this.grid.store.getAt(i).data["�l�果状�?/span>"] != '0'){
25                            this.selectRow(i, true);
26                       }
27                  }
28               }
29          }
30       },
31       handleMouseDown : function(g, rowIndex, e){
32             if (e.button !== 0 || this.isLocked()) {
33                    return;
34             }
35             var view = this.grid.getView();
36             if (e.shiftKey && !this.singleSelect && this.last != false ) {
37                  var last = this.last;
38                  this.selectRange(last, rowIndex, e.ctrlKey);
39                  this.last = last;
40                  view.focusRow(rowIndex);
41             }else{
42                  var isSelected = this.isSelected(rowIndex);
43                  if (e.ctrlKey && isSelected) {
44                       this.deselectRow(rowIndex);
45                  }else if(!isSelected || this.getCount() > 1){
46                       if(this.grid.store.getAt(rowIndex).data["�l�果状�?/span>"] != '0'){
47                           this.selectRow(rowIndex, e.ctrlKey || e.shiftKey);
48                       }
49                       view.focusRow(rowIndex);
50                  }
51             }
52       }
53 });

原文:

http://fordream.iteye.com/blog/1179252

��胡�?/a> 2013-05-06 15:34 发表评论

[转]EXT EditorGridPanel 中用复选框表示真假�?扩展官方�C�Z��

Mon, 06 May 2013 07:32:00 GMT

摘要: 在学习中Ext.grid.EditorGridPanel 的时候碰��C��个知识点,如何用复选框来表�C�真假�?当然我们可以直接�q�样 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1 {2 heade... 阅读全文

��胡�?/a> 2013-05-06 15:32 发表评论

Sat, 04 May 2013 13:33:00 GMT

Ext.grid.GridPanel可以讄��stripeRows: true的属性来实现隔行换颜色的效果�Q�如果你惌��定义每行的颜�Ԍ��那么你可以按照下边地�Ҏ��来实玎ͼ�

Ext.ux.GridView=Ext.extend(
       Ext.grid.GridView,
       {
           getRowClass:function(record,index)
           {
               if(index%2==0)
                   return 'red';
               else
                  return 'green';
          }
       }
   )

使用自定义的view

var grid = new Ext.grid.GridPanel({
        //other code
    store: store,
    view:new Ext.ux.GridView(),
        //other code
});

样式定义�Q?/div>

.red {
background-color:#FF0000;
}
.green {
background-color:#00FF00;
}

通过firebug可以看到�Q�给每行的div��d��了自定义的样�?

原文��Q?div>http://love4j.iteye.com/blog/516007

��胡�?/a> 2013-05-04 21:33 发表评论

【�{】Ext2 常见界面界面(grid分页、窗口布局、下拉框�U�联)

Mon, 29 Apr 2013 03:56:00 GMT

摘要: 先上�? grid分页�Q? 把grid和page工具�l�定在一�? // create the Data Store var store = new Ext.data.Store... 阅读全文

��胡�?/a> 2013-04-29 11:56 发表评论

ExtJS 2.2,图书��理�pȝ�� ׃�n全部源码下蝲

Mon, 29 Apr 2013 03:53:00 GMT

http://yourgame.iteye.com/blog/252853

��胡�?/a> 2013-04-29 11:53 发表评论

Mon, 29 Apr 2013 03:33:00 GMT

Ext中的combobox有属性typeAhead�Q�true 可以实现模糊匚w��Q�但是是从开始匹配的�Q�如果需要自定的的匹配，则需要监听beforequery�Ҏ��Q�实现自��q��匚w��查询�Ҏ��Q?/p>

代码如下�Q?/p>

原文��Q�http://weibaojun.iteye.com/blog/1098731

��胡�?/a> 2013-04-29 11:33 发表评论

Sat, 02 Mar 2013 13:48:00 GMT

摘要: 摘要�Q�ComboBox是常用控件之一�Q�但�׃��其数据来源分两种形式�Q�本地和�q�程�Q�故写的形式隑ֺ��q�不亚于ExtJS中的TreePanel�?GridPanel。鄙��Z��l�常提醒自己的师弟师妹，ExtJS本��n是面向对象写的，不能在应用的时候却不按照面向对象来写，面向对象最��L��的好处就是代码的复用�Q�对于网��|��Ԍ��代码复用的好处就是加载的JS会少很多�Q�这��L��|��染时��׃��会很慢。下面我��分别介�l�扩展的四种Co... 阅读全文

��胡�?/a> 2013-03-02 21:48 发表评论

【�{】Ext Combox 分页

Sat, 02 Mar 2013 13:43:00 GMT

首先定义一数据源，一般��用simpleStore�Q�jsonStore。需要注意的是simpleStore用于��d��二维数组的数据，而jsonStroe用于��d��json数据格式�?
Combox使用simpleStore 代码如下所�C�：

var subjectField = new Ext.form.ComboBox({
     fieldLabel : '分类名称',
hiddenName : 'drug.subjectCode',// 传递到后台的参�?/span>
store : new Ext.data.SimpleStore({
autoLoad : true,
url :'xxx',
fields : ['subjectCode', 'subjectName']
}),
   valueField : 'subjectCode',// 域的�?对应于store里的fields
   displayField : 'subjectName',// 昄��的域,对应于store里的fields
   typeAhead : true,// 讄��true�Q�完成自动提�C?/span>
   mode : 'local', // 讄��local�Q�combox��从本地加蝲数据
   triggerAction : 'all',// 触发此表单域�?查询所�?/span>
   selectOnFocus : true,
   anchor : '90%',
   forceSelection : true
   });

服务端返回的数据�l�构如下所�C�：
[
["00000003","��膏�?],
["00000005","滴眼�?],
["00000016","栓剂"],
["00000017","注射�?],
["00000018","软膏�?]
]

当combox使用jsonStore�Ӟ��一般运用于分页查询。页面效果如下所�C�：

�C�Z��代码如下所�C�：
// 药品商品�?

var itemNameField = new Ext.form.ComboBox({
    width : 200,
    fieldLabel : '药品商品�?,
    hiddenName : 'drug.itemName',
    store : advanceStore,
    valueField : 'itemName',
    displayField : 'itemName',
    typeAhead : true,
    mode : 'remote',// 分页查询必须讄��?nbsp;   remote,当我们点��M��一��늚�时候是从服务端取数据，而不是本�?/span>
    triggerAction : 'all',
    emptyText : '请选择一个分�c�d��',
    selectOnFocus : true,
    minChars : 0, // 完成自动提示,当mode�?#8216;local’�?默认�?,当mode�?#8216;remote’时�?默认�?,�q�里讄��?
    pageSize : 10,// 每页昄��的记录数�?/span>
    queryParam :'drug.itemName' // 在combox内敲入字�W�时候，combox向后台查询传递的参数,�q�里讄��?drug.itemName'是�ؓ了更好的��装�Q�默认传递参�?#8216;query’
    });

�q�里�q�有一个问题，��是Combox讄��初始倹{�?
我是采用如下做法的，不知道各位知不知道其他用法？

var subjectField = new Ext.form.ComboBox({
   fieldLabel : '分类名称',
   hiddenName : 'drug.subjectCode',
   store : new Ext.data.SimpleStore({
   autoLoad : true,
   url : 'xxx',
   fields : ['subjectCode', 'subjectName'],
   listeners : {
      load : function(){         subjectField.setValue(record.get("drug.subjectCode"));
   }
   }
   }),
   valueField : 'subjectCode',
   displayField : 'subjectName',
   typeAhead : true,
   mode : 'local',
   triggerAction : 'all',
   emptyText : '请选择一个分�c�d��',
   selectOnFocus : true,
   anchor : '90%',
   forceSelection : true
   });

原文��Q?div>http://www.iteye.com/topic/296710

��胡�?/a> 2013-03-02 21:43 发表评论

Thu, 21 Feb 2013 08:10:00 GMT

两种�Ҏ��一��P��只是写法不同
�W�一�U�写�?br />

1 listeners:{
2         beforeedit:function(e){
3             if(...) e.cancel = true;//true表示不可�~�辑
4         }
5 }

�W�二�U�写�?br />

1 grid.on('beforeedit',function(e)){
2   var record = e.record;
3   if(...){
4     e.cancel = true;//true表示不可�~�辑
5   }
6 }

��胡�?/a> 2013-02-21 16:10 发表评论

Thu, 21 Feb 2013 07:51:00 GMT

1.首先看效�?div>2.需要一个合计插件GridSummary.js GridSummary 插�g�Q�下载后��后�~�名该�?js
3.��面需要引用的文�g

1     <link rel="stylesheet" type="text/css" href="include/ext-3.4.0/resources/css/ext-all.css" />
2     <link rel="stylesheet" type="text/css" href="include/ext-3.4.0/ux/css/ux-all.css" />
3     <script type="text/javascript" src="include/ext-3.4.0/adapter/ext/ext-base.js">script>
4     <script type="text/javascript" src="include/ext-3.4.0/ext-all.js">script>
5     <script type="text/javascript" src="include/ext-3.4.0/ux/ux-all.js">script>
6     <script type="text/javascript" src="include/ext-3.4.0/locale/ext-lang-zh_CN.js">script>
7     <script type="text/javascript" src="include/ext-3.4.0/ux/GridSummary.js">script>

8 <script type="text/javascript" src="demo.js">script>

4.Grid代码

    var cm = new Ext.grid.ColumnModel
    ({ columns: [sm,
        new Ext.grid.RowNumberer({ header: 'NO', width: 30, align: 'center' }),
        { header: '车号', dataIndex: 'S_VEHICLE_NUMBER', editor: textFileldVehicle, summaryRenderer: function (v, params, data) { return '合计'; } },
       { header: '重量', dataIndex: 'N_QUANTITY', summaryType: 'sum', renderer: formatNumberDefault, align: 'right', editor: numField },
       { header: '�q�费', dataIndex: 'N_FREIGHT', summaryType: 'sum', renderer: formatNumberDefault, align: 'right', editor: numField}
    ]
    });

//如果全部列都可排序否则单个设�|?/span>
    cm.defaultSortable = false;

    //创徏一个store
    var shipmentsDetailstore = new Ext.data.Store({
        proxy: proxy,
        reader: reader,
        autoDestroy: true,
        autoLoad: { params: { start: 0, limit: pageSize} }
    });

    //插入行按�?/span>
    var btn_Insert = new Ext.Button({ text: '插入�?, iconCls: 'insert', handler: function () {
        //定义一个recode对象
        var initValue = createShipmentDetailRow();
        grid.stopEditing();
        var maxRowIndex = grid.getStore().getCount();
        grid.getStore().insert(maxRowIndex, initValue); //在第一个位�|�插�?nbsp;
        grid.view.refresh();
        grid.getSelectionModel().selectLastRow();
        grid.getView().focusRow(maxRowIndex); //焦点标记�?/span>
        grid.startEditing(maxRowIndex, 2); //单元��D�{换成�~�辑状�?/span>
    }
    });
    //删除行按�?/span>
    var btn_Remove = new Ext.Button({ text: '删除�?, iconCls: 'delete', handler: function () {
        grid.stopEditing();
        var rows = grid.getSelectionModel().getSelections();
        if (rows == undefined || rows.length == 0) {
            setShipmentStatusBarText('error', '请选择需要删除的行！');
            return; //判断记录集是否�ؓ�I�，为空�q�回
        }
        grid.getStore().remove(rows);
        grid.view.refresh();
    }
    });

    //工具�?/span>
    var tbar = new Ext.Toolbar({
        cls: 'top-toolbar',
        items: [btn_Insert, '-', btn_Remove]
    });
    var summary = new Ext.ux.grid.GridSummary();
    //创徏GRID
    var grid = new Ext.grid.EditorGridPanel
        ({
            id: 'ShipmentsDetailGirdPanel',
            deferredRender: false,
            enableColumnHide: false,
            enableHdMenu: false,
            columnLines: true,
            enableColumnMove: false,
            store: shipmentsDetailstore,
            sm: sm,
            cm: cm,
            loadMask: true,
            //自适应宽度参数为列�?/span>
            //            autoExpandColumn: 4,
            //��过长度带自动滚动条
            autoScroll: true,
            border: false,
            nocache: false,
            timeout: 10,
            clicksToEdit: 1,
            scripts: true,
            loadMask: { msg: '正在加蝲数据�Q�请�E�侯……' },
            tbar: tbar,
            view: new Ext.ux.grid.BufferView({
                rowHeight: 25,
                scrollDelay: true,
                forceFit: true,
                deferEmptyText: true,
                emptyText: "无数�?/span>"
            }),
            plugins: summary
        });

5.此时会看到合计行字体偏小
��d��样式

.x-grid3-summary-row .x-grid3-cell-inner {
FONT: 12.5px tahoma,arial,helvetica,sans-serif
}

6.此示例Ext版本�?3.4.0

��胡�?/a> 2013-02-21 15:51 发表评论

【�{】解决ExtJS的gridpanel在谷歌浏览器中，表头��d��度与每行的��d��度不一致的bug

Wed, 30 Jan 2013 07:30:00 GMT

[代码] [JavaScript]代码

1 //先看bug

[囄��] EXT-bug1.png

[囄��] EXT-bug2.png

[代码] [JavaScript]代码

//修复办法�Q�谷歌浏览器�?table的单元格实际宽度=指定宽度+padding�Q�所以只要重写gridview里的一个方法，如下�Q?/code>


 1 //修复办法�Q�谷歌浏览器�?table的单元格实际宽度=指定宽度+padding�Q�所以只要重写gridview里的一个方法，如下�Q?/span>
 2 Ext.override(Ext.grid.GridView,{
 3         getColumnStyle : function(colIndex, isHeader) {
 4             var colModel  = this.cm,
 5                 colConfig = colModel.config,
 6                 style     = isHeader ? '' : colConfig[colIndex].css || '',
 7                 align     = colConfig[colIndex].align;
 8             
 9             if(Ext.isChrome){
10                 style += String.format("width: {0};", parseInt(this.getColumnWidth(colIndex))-2+'px');
11             }else{
12                 style += String.format("width: {0};", this.getColumnWidth(colIndex));
13             }
14             
15             if (colModel.isHidden(colIndex)) {
16                 style += 'display: none; ';
17             }
18             
19             if (align) {
20                 style += String.format("text-align: {0};", align);
21             }
22             
23             return style;
24         },
25     });
26 
[代码] [JavaScript]代码
//看看修复�q�后的效�?/code>

原文������Q?div>http://www.oschina.net/code/snippet_201314_15163





���胡�?/a> 2013-01-30 15:30 发表评论



【�{】ExtJs中处理时��_��出现NaN-NaN-NaN的解��x���?
Sun, 30 Dec 2012 05:06:00 GMT
一般我们的前台代码Ext.grid.ColumnModel里会�q�样写，以便昄���日期格式�Q?/p> 
//////////////////////////////////////////////////////////////
 Js代码
....  
{   header:"birthday",
     dataIndex:"birthday"
     ....
     renderer:new  Ext.util.Format.dateRenderer("Y-m-d"),  
     .... 
 }
 ....
 //////////////////////////////////////////////////////////////
  
 　　如果你前台这样写的话�Q�那恭喜你，你的昄���日期那列���不再正���显�C�时��_��
 而是昄����?NaN-NaN-NaN"�Q�是吧？
 　　呵呵�Q�问我怎么知道的？因�ؓ最开始我也是�q�么错的�?/p> 
　　��Z��么会是错的呢�Q?/p> 
　　让我们来看看Ext.format.dateRenderer的源代码�Q�开源的东西���是好）�Q?/p> 
它的源代码是�q�样的：
  
 Js代码
 //////////////////////////////////////////////////////////////
dateRenderer  : function(format) {   
    return function(v)  {   
        return  Ext.util.Format.date(v, format);�?nbsp;  
     }  
} 
 ////////////////////////////////////////////////////////////// 
 
 　　可以看出�Q�我们传会来的��|��被当做日期又被格式化了一�ơ，我们传回来的是日期吗�Q?/p> 
以前是，�l�过昨天后台代码的修改，我们传回来的仅仅是个字符串了�Q�至于�ؓ什么要�q�么改，
 ��L��昨天写的“Extjs日期格式问题(一) ”�Q�那咋办�Q�有的朋友应该已�l�想��C���Q�既然是字符�Ԍ��
 那就直接昄���呗，不用renderer了，于是前台代码Ext.grid.ColumnModel里就变成了：
  
 Js代码
 ////////////////////////////////////////////////////////////// 
....  
{header:"birthday",dataIndex:"birthday".......),  
.... 
//////////////////////////////////////////////////////////////
  
 　　可以负责�ȝ��告诉你，�q�样写，�l�对可以正确昄���了，�q�样是不是感觉更���单了呢？
  
 　　但是�Q�基于我��目里的要求�Q�这个问题�ƈ没有解决完，因�ؓ在这里不是一个简单的gridpanel�Q?/p> 
而是一个editgridpanel�Q�所以还得定义一个editor�Q�于是有了下面这样一�D�代码：
  
 Js代码
 //////////////////////////////////////////////////////////////
....  
{header:"birthday",dataIndex:"birthday".......�Q?nbsp;  
       editor:new Ext.grid.GridEditor(new  Ext.form.DateField({format:"Y-m-d"})),  
..... 
 //////////////////////////////////////////////////////////////
  
　　加了�q�个DateField控�g后，每次可以正常的选择日期�Q�但是选择完日期后�Q?/p> 
grid里显�C�的格式���又不正���了�Q�这�ơ显�C�的内容成了�Q?"Wed Mar 04 1970......"�Q?/p> 
�q�样的格式一看就是个日期�Q�这��h���C�的原因当然是因为我们没有写renderer�q�行格式化处理的�~�故。。�?/p> 
说到�q�里�Q�有人应该已�l�想到解军_��法了�Q�另外有些�h可能���抓狂了�Q�这renderer加了不能正常昄����Q?/p> 
不加也不能正常显�C�，�q�很矛盾啊。�?/p> 
　　问题往往��C��最矛盾的时候，也是��C��解决的时候，现在我把解决代码贴出来，大家一看就明白了�?/p> 
多的不说�Q�看代码�Q?/p> 
 
 Js代码
//////////////////////////////////////////////////////////////
 renderer:function(value){   
    if(value  instanceof  Date){   
        return  new Date(value).format("Y-m-d");   
     }else{   
        return  value;   
     }  
}  
//////////////////////////////////////////////////////////////
 　　���单吧�Q�自己写renderer���是了�?/p>
原文������Q�http://ks2144634.blog.163.com/blog/static/133585503201081544950656/


���胡�?/a> 2012-12-30 13:06 发表评论


【�{】Ext.form.DateField���单用法及日期范围控制
Sun, 16 Dec 2012 14:31:00 GMT
��目中有旉���要用到�v始日期和�l�束日期�Q�要做到起始日期必须���于�l�束日期。在extjs中已�l�有现成的函敎ͼ�摘录如下�Q?/div>
 1 Ext.apply(Ext.form.VTypes, {
 2             daterange : function(val, field) {
 3                 var date = field.parseDate(val);
 4                 if (!date) {
 5                     return;
 6                 }
 7                 if (field.startDateField
 8                         && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax
 9                                 .getTime()))) {
10                     var start = Ext.getCmp(field.startDateField);
11                     start.setMaxValue(date);
12                     start.validate();
13                     this.dateRangeMax = date;
14                 } else if (field.endDateField
15                         && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin
16                                 .getTime()))) {
17                     var end = Ext.getCmp(field.endDateField);
18                     end.setMinValue(date);
19                     end.validate();
20                     this.dateRangeMin = date;
21                 }
22                 /*
23                  * Always return true since we're only using this vtype to set
24                  * the min/max allowed values (these are tested for after the
25                  * vtype test)
26                  */
27                 return true;
28             }
29         });

然后分别定义起始日期和结束日期控�Ӟ��

 1 var startDate = new Ext.form.DateField({
 2                 fieldLabel : '开始日�?,
 3                 emptyText : '请选择',
 4                 disabledDays : [1, 2, 5],//���星期一,�?五禁�?数��gؓ0-6,0为星期日,6为星期六
 5                 labelWidth : 100,
 6                 readOnly : true,
 7                 allowBlank : false,
 8                 format : 'Y-m-d',//日期格式
 9                 name : 'startdt',
10                 id : 'startdt',
11                 vtype : 'daterange',//daterange�c�d����Z��代码定义的类�?/span>
12                 endDateField : 'endDate'//必须跟endDate的id名相�?/span>
13             })
14     var endDate = new Ext.form.DateField({
15                 fieldLabel : '�l�束日期',
16                 emptyText : '请选择',
17                 disabledDays : [1, 2, 5],//���星期一,�?五禁�?数��gؓ0-6,0为星期日,6为星期六
18                 readOnly : true,
19                 allowBlank : false,
20                 format : 'Y-m-d',//日期格式
21                 name : 'enddt',
22                 id : 'endDate',
23                 vtype : 'daterange',//daterange�c�d����Z��代码定义的类�?/span>
24                 startDateField : 'startdt'//必须跟startDate的id名相�?/span>
25             })

效果如下两图�Q?/div> 
  
                                �?.选择开始日�?/p> 
 
  
  
  
                                   �?.选择�l�束日期
原文������Q?div>http://blog.csdn.net/security08/article/details/5070749









���胡�?/a> 2012-12-16 22:31 发表评论


【�{】EXT VTYPE
Sat, 08 Dec 2012 15:19:00 GMT
     摘要: �q�日来对Ext特别感兴��?也许是它那种OO的设计思想吸引了我,也可以追溯到�W�一�ơ见到EXT那种漂亮的界面开始吧.求神拜佛不如自食其力,��Z��一点小的问题找遍了GOOGLE也没个结�?自己甚少去BBS�?也不熟悉规矩,只能���着头皮自己�q�了.���L��代码是一道必不可���的工序,说来惭愧,自己对JS的认识还停留在入门阶�D?�q�里说说自己对于Ext验证�q�里���薄的理�?首先看看如下一�D�代码Code highlight...  阅读全文

���胡�?/a> 2012-12-08 23:19 发表评论


Thu, 06 Dec 2012 15:16:00 GMT
在formPanel里加个Key事�g

 1  keys : [{
 2       key : Ext.EventObject.ENTER,
 3       fn : function(keyCode, e) {
 4        var field = Ext.getCmp(e.target.id);
 5        if (Ext.isDefined(field) && field != null) {
 6         if (Ext.isDefined(field.xtype)) {
 7          if (field.isXType('datefield')) {
 8           field.setValue(field.getValue());
 9          }
10         }
11        }
12        if (Ext.isIE) {
13         e.browserEvent.keyCode = Ext.EventObject.TAB;
14        } else {
15         var currentfield = Ext.getCmp(e.target.id);
16         var fields = refThis.HusbandView
17           .findByType('field');
18         var i = 0;
19         for (; i < fields.length; i++) {
20          if (fields[i].id == currentfield.id)
21           break;
22         }
23         while (true) {
24          i++;
25          if (fields.length <= i)
26           break;
27          if (!fields[i].disabled
28            && fields[i].xtype != 'hidden'
29            && !fields[i].hidden)
30           break;
31         }
32         if (fields.length <= i)
33          return;
34         if (!fields[i].disabled) {
35          fields[i].focus();
36          if (Ext.isDefined(fields[i].selectText))
37           fields[i].selectText();
38         }
39        }
40       }
41      }]

原文������Q?div>http://xlong224.blog.163.com/blog/static/601214932011102810201224/



���胡�?/a> 2012-12-06 23:16 发表评论


【�{】Extjs学习�ȝ��---Ext.Grid回�R控制
Thu, 06 Dec 2012 15:14:00 GMT
原先的EditGrid无法解决回�R控制问题�Q�它的回车控制是向下跑的。而我惌���它横着走。搞了半天终于实��C���?

 1 Ext.override(Ext.grid.RowSelectionModel, {
 2                 onEditorKey : function(field, e) {
 3                     // alert('go');
 4                     var k = e.getKey(), newCell, g = this.grid, ed = g.activeEditor;
 5                     var shift = e.shiftKey;
 6                     Ext.log('k:' + k);
 7                     if (k == e.ENTER) {
 8                         e.stopEvent();
 9                         ed.completeEdit();
10                         if (shift) {
11                             newCell = g.walkCells(ed.row, ed.col - 1, -1,
12                                     this.acceptsNav, this);
13                         } else {
14                             // alert('go');
15                             newCell = g.walkCells(ed.row, ed.col + 1, 1,
16                                     this.acceptsNav, this);
17                         }
18                     } else if (k == e.TAB) {
19                         e.stopEvent();
20                         ed.completeEdit();
21                         if (this.moveEditorOnEnter !== false) {
22                             if (shift) {
23                                 newCell = g.walkCells(ed.row - 1, ed.col, -1,
24                                         this.acceptsNav, this);
25                             } else {
26                                 // alert('go');
27                                 newCell = g.walkCells(ed.row + 1, ed.col, 1,
28                                         this.acceptsNav, this);
29                             }
30                         }
31                     } else if (k == e.ESC) {
32                         ed.cancelEdit();
33                     }
34                     if (newCell) {
35                         g.startEditing(newCell[0], newCell[1]);
36                     }
37                 }
38             });
39     var sm2 = new Ext.grid.RowSelectionModel({
40         moveEditorOnEnter : true,
41         singleSelect : true,
42         listeners : {
43             rowselect : function(sm, row, rec) {
44                 centerForm.getForm().loadRecord(rec);
45             }
46         }
47 
48     });

原文������Q?div>http://erichua.iteye.com/blog/234698

2.默认extjs中editorgrid�~�辑单元格的时候按回�R是将焦点向下�U�d���Q�按照一般的逻辑应该是向右移动�?/p>  
其实只要���原先rowSelectionModel中onEditorKey�Ҏ��override一下即可�?/p>  
代码如下�Q?/p>

 1 Ext.override(Ext.grid.RowSelectionModel, {
 2 
 3  onEditorKey : function(field, e) {
 4   var k = e.getKey(), newCell, g = this.grid, last = g.lastEdit, ed = g.activeEditor, shift = e.shiftKey, ae, last, r, c;
 5 
 6   if (k == e.TAB) {
 7    e.stopEvent();
 8    ed.completeEdit();
 9    if (shift) {
10     newCell = g.walkCells(ed.row, ed.col - 1, -1, this.acceptsNav,
11       this);
12    } else {
13     newCell = g.walkCells(ed.row, ed.col + 1, 1, this.acceptsNav,
14       this);
15    }
16   } else if (k == e.ENTER) {
17    if (this.moveEditorOnEnter !== false) {
18     if (shift) {
19      newCell = g.walkCells(last.row, last.col - 1, -1,
20        this.acceptsNav, this);
21     } else {
22      newCell = g.walkCells(last.row, last.col + 1, 1,
23        this.acceptsNav, this);
24     }
25    }
26   }
27   if (newCell) {
28    r = newCell[0];
29    c = newCell[1];
30 
31    this.onEditorSelect(r, last.row);
32 
33    if (g.isEditor && g.editing) { // *** handle tabbing while
34            // editorgrid is in edit mode
35     ae = g.activeEditor;
36     if (ae && ae.field.triggerBlur) {
37      // *** if activeEditor is a TriggerField, explicitly call
38      // its triggerBlur() method
39      ae.field.triggerBlur();
40     }
41    }
42    g.startEditing(r, c);
43   }
44  }
45 })
 


���胡�?/a> 2012-12-06 23:14 发表评论

欧美亚洲一区三区,亚洲专区在线视频,国产a级毛片一区

让Extjs EditorGridPanel �~�辑时支持方向键

[转]Ext GridPanel�Ҏ��条�g昄��复选框

[转]EXT EditorGridPanel 中用复选框表示真假�?扩展官方�C�Z��

【�{】Ext2 常见界面界面(grid分页、窗口布局、下拉框�U�联)

ExtJS 2.2,图书��理�pȝ�� ׃�n全部源码下蝲

【�{】Ext Combox 分页

【�{】解决ExtJS的gridpanel在谷歌浏览器中，表头��d��度与每行的��d��度不一致的bug

[代码] [JavaScript]代码

[囄��] EXT-bug1.png

[囄��] EXT-bug2.png

[代码] [JavaScript]代码

[代码] [JavaScript]代码

【�{】ExtJs中处理时��_��出现NaN-NaN-NaN的解��x��?

【�{】Ext.form.DateField��单用法及日期范围控制

【�{】EXT VTYPE

【�{】Extjs学习�ȝ��---Ext.Grid回�R控制

欧美亚洲一区三区,亚洲专区在线视频,国产a级毛片一区

让Extjs EditorGridPanel �~�辑时支持方向键

[转]Ext GridPanel�Ҏ��条�g昄���复选框

[转]EXT EditorGridPanel 中用复选框表示真假�?扩展官方�C�Z��

【�{】Ext2 常见界面界面(grid分页、窗口布局、下拉框�U�联)

ExtJS 2.2,图书���理�pȝ�� �׃�n全部源码下蝲

【�{】Ext Combox 分页

【�{】解决ExtJS的gridpanel在谷歌浏览器中，表头��d��度与每行的��d��度不一致的bug

[代码] [JavaScript]代码

[囄���] EXT-bug1.png

[囄���] EXT-bug2.png

[代码] [JavaScript]代码

[代码] [JavaScript]代码

【�{】ExtJs中处理时��_��出现NaN-NaN-NaN的解��x���?

【�{】Ext.form.DateField���单用法及日期范围控制

【�{】EXT VTYPE

【�{】Extjs学习�ȝ��---Ext.Grid回�R控制

[转]Ext GridPanel�Ҏ��条�g昄��复选框

ExtJS 2.2,图书��理�pȝ�� ׃�n全部源码下蝲

[囄��] EXT-bug1.png

[囄��] EXT-bug2.png

【�{】ExtJs中处理时��_��出现NaN-NaN-NaN的解��x��?

【�{】Ext.form.DateField��单用法及日期范围控制