BlogJava-workspace-随笔分类-ExtJS

action数组传递到页面

Robert Su — Thu, 06 Aug 2009 02:28:00 GMT

Ext.Ajax.request({
            url : '../../topicInfo/topicInfoNode.htm',
            success : getTopicInfoArray,
            method : 'post'
        });

function getTopicInfoArray(response, options) {
    topicInfo_arr = eval(response.responseText);
    Ext.onReady(renderAll);
}

也可以用Ext.util.JSON.decode（）方法搞定

Robert Su 2009-08-06 10:28 发表评论

Extjs combo直接放在window里的bug报告

Robert Su — Sat, 04 Apr 2009 20:56:00 GMT

1、Form中的dateField放到一个Ext.Window上之后依然会在firefox上出现过长问题，之前提到的方法不好使
2、一个Combo放到一个window上，远程加载数据
当关掉窗口之后，第二次打开这个带有combo的窗口，点下拉按钮，不显示数据
但是通过firebug看，数据已经取回来了

解决办法
var Select_Project_Combo = function(){
   var store = new Ext.data.JsonStore({
        url: '/meetingseasy/projectService/listProjectAll.action',
        root: 'projects',
        fields: ['projectid', 'projectname']
   });
   var config = {
       store           : store,
       displayField   : 'projectname',
       valueField       : 'projectid',
       typeAhead       : true,
       triggerAction   : 'all',
       //editable       : false,
       emptyText       : '选择工程...',
       selectOnFocus   : false,
       listeners : {
           select : function(combo, record, index) {
               var projectid = record.data.projectid ;

               Ext.Ajax.request({
                   url : 'meetingseasy/acceptProjectid.action',
                   success : selectProject_responseFn,
                   method:'POST',
                   //failure : responseFn,
                   params : {'projectid' : projectid}
               });
           }
       }
       };
   function selectProject_responseFn(){
       //alert("combo");
       //var win = Ext.getCmp(projectComboWin);
       //console.log(win);
   }
   Select_Project_Combo.superclass.constructor.call(this, config);
}
Ext.extend(Select_Project_Combo,Ext.form.ComboBox,{});

//Ext.ComponentMgr.registerType( 'ProjectCombo', ProjectCombo);
var SelectProject_windows = function(){
   var _selectProjectCombo = new Ext.form.ComboBox({
               id : 'projectComboWin',
                ……
               store : new Ext.data.JsonStore({
                  url: '/projectService/listAll.action',
                    root: 'projects',
                    fields: ['projectid', 'projectname']
               })

   });

   var config={
       title : '选择**项目',
       width : 400,        height : 200,
       resizable : true,
       //closeAction : 'hide',   //就是这句话，当combo直接放在windows里面的时候，跟随windows对象的生命周期，如果这里为hide的话，windows下次打开的时候没变，而combo变了。所以下拉菜单不好用
       modal : true
       ,items : _selectProjectCombo
   }
   SelectProject_windows.superclass.constructor.call(this, config);
}
Ext.extend(SelectProject_windows,Ext.Window,{});

Robert Su 2009-04-05 04:56 发表评论

Extjs DataView 的重刷新问题

Robert Su — Wed, 01 Apr 2009 15:03:00 GMT

今天报bug说，dataview数据重新load之后没有刷新

我在dataview中加了   refresh : function(data) {
                   store.reloads(data);
           },
提示reloads未定义~

改成refresh : function(data) {
                   store.reload(data);
           },
之后初次render dataview的时候不停的reload~

Robert Su 2009-04-01 23:03 发表评论

Extjs DateField在firefox下显示过长问题的解决办法

Robert Su — Wed, 25 Mar 2009 16:05:00 GMT

.x-date-middle {



    padding-top:2px;padding-bottom:2px;



    width:130px; /* FF3 */



} 



在页面中加入此CSS样式表

Robert Su 2009-03-26 00:05 发表评论

连夜求助一个关于calendar 的制作逻辑问题

Robert Su — Sun, 15 Mar 2009 17:44:00 GMT

现在遇到的问题是生成折个每周事项的表格是逻辑乱了~
以下是Javascript代码：
顶部周一周二是另一个循环生成的，现在是下面的日期这块出现了问题
我现在想只显示上下午，但是由于事件Item的日期判断这块现在很乱
发到首版来讨论下这个问题

       var _minutesPerStep = 0;
       var _stepsPerHour = 0;


        var _tr, _td;
        var _stepCounter = 0;
        var _dayIndex = 0;
        var _hourIndex = 0;
        var _totalSteps = 24 * _stepsPerHour;
        for (var _steps = 0; _steps < _totalSteps; _steps++) {
            if(_steps==12){
            _tr = _table.dom.insertRow(_steps);}
            //timerows
            _dayIndex = 0;
            for (var _days = 0; _days < 8; _days++) {
                if (_days == 0) {
                    if (_stepCounter == 0) {
                        _tr.className = "HourDivider";
                        _td = _tr.insertCell(_dayIndex++);
                        _td.style.width = _firstColWidth + "px";
                        _td.rowSpan = _stepsPerHour;
                        _td.className = "Time";
                        _td.innerHTML = (_hourIndex > 9 ? "" : "0") + (_hourIndex++) + ":00";
                        if (_steps === 0) {
                            _tableContainerCell = Ext.get(_td);
                        }
                    }
                    else {

                        _tr.className = "StepDivider";
                    }
                }
                else {
                    _td = _tr.insertCell(_dayIndex++);
                    _td.className = "TimeStep";
                    _td.day = _days;
                    _td.step = _steps;
                    _td.ddTarget = new Ext.dd.DDTarget(_td, "Calendar");
                }
            }
            _stepCounter = _stepCounter == (_stepsPerHour - 1) ? 0 : _stepCounter + 1;
        }
    }

Robert Su 2009-03-16 01:44 发表评论

ExtJS的tbar布局

Robert Su — Fri, 13 Mar 2009 10:07:00 GMT

tbar: [
           blockedtype,'-',{text:'封堵验证',handler:do_checkBlockedVideok,iconCls:'block'}
           ,'-',
            {text:'刷新',iconCls:'refresh'
            },'-',new Ext.Toolbar.Fill(),'-',
            {text:'编辑',iconCls:'add'
            },'-',
            {text:'导出Excel','-','已封堵数量:[0] 未封堵数量:[0] 总数量:[0]'
            ]

这里注意下 Ext.Toolbar.Fill()
充满组件把'导出Excel'顶到最右边

CSS：

Robert Su 2009-03-13 18:07 发表评论

ExtJs Grid加载前的loding图标

Robert Su — Mon, 16 Feb 2009 02:43:00 GMT

效果如下图所示：
控制代码在GridPanel中

loadMask: true

11

Robert Su 2009-02-16 10:43 发表评论

一个基于xml 得Ext treepanel

Robert Su — Tue, 30 Dec 2008 03:23:00 GMT

/**
    Create an Ext.tree.TreePanel in the passed Element using
    an XML document from the passed URL, calling the passed
    callback on completion.
    @param el {String/Element/HtmlElement} The tree's container.
    @param url {String} The URL from which to read the XML
    @param callback {function:tree.render} The function to call on completion,
        defaults to rendering the tree.
*/
function createXmlTree(el, url, callback) {
    var tree = new Ext.tree.TreePanel(el);
    var p = new Ext.data.HttpProxy({url:url});
    p.on("loadexception", function(o, response, e) {
        if (e) throw e;
    });
    p.load(null, {
        read: function(response) {
            var doc = response.responseXML;
            tree.setRootNode(treeNodeFromXml(doc.documentElement || doc));
        }
    }, callback || tree.render, tree);
    return tree;
}

/**
    Create a TreeNode from an XML node
*/
function treeNodeFromXml(XmlEl) {
//    Text is nodeValue to text node, otherwise it's the tag name
    var t = ((XmlEl.nodeType == 3) ? XmlEl.nodeValue : XmlEl.tagName);

//    No text, no node.
    if (t.replace(/\s/g,'').length == 0) {
        return null;
    }
    var result = new Ext.tree.TreeNode({
        text : t
    });

//    For Elements, process attributes and children
    if (XmlEl.nodeType == 1) {
        Ext.each(XmlEl.attributes, function(a) {
            var c = new Ext.tree.TreeNode({
                text: a.nodeName
            });
            c.appendChild(new Ext.tree.TreeNode({
                text: a.nodeValue
            }));
            result.appendChild(c);
        });
        Ext.each(XmlEl.childNodes, function(el) {
//        Only process Elements and TextNodes
            if ((el.nodeType == 1) || (el.nodeType == 3)) {
                var c = treeNodeFromXml(el);
                if (c) {
                    result.appendChild(c);
                }
            }
        });
    }
    return result;
}

回头有空添加详细注解~~原文中6楼有更详细的解答 http://extjs.com/forum/showthread.php?t=3987

Robert Su 2008-12-30 11:23 发表评论