+ -
当前位置:首页 → 问答吧 → ExtJS中关于TreeField的实现,选择单选数据后,无法看到加载的文本

ExtJS中关于TreeField的实现,选择单选数据后,无法看到加载的文本

时间:2010-10-28

来源:互联网

JScript code

    var colM = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer({
                        header : "",
                        width : 20
                    }), {
                header : "查询指标项",
                dataIndex : "fieldname",
                width : 180,

                renderer : function(v) {
                    var oldArr = v.split(",");
                    var rstr = "";
                    for (var i = 0; i < oldArr.length; i++) {
                        rstr += (i == 0) ? "" : ",";
                        rstr += findRecordValue(fieldsDef, 'value', oldArr[i],
                                'text');

                    }
                    return rstr;
                },

                editor : new Ext.form.TreeField({
                            "xtype" : "treeField",
                            "fieldLabel" : "treeField_2_name",
                            "id" : "treeField_2_name",
                            "name" : "treeField_2_name_view",
                            "disabled" : false,
                            "allowBlank" : false,
                            "listHeight" : 300,
                            "ifexpandAll" : false,
                            "hiddenName" : "treeField_2_name",
                            "readOnly" : false,
                            "tabIndex" : 12,
                            "anchor" : "95%",
                            "checkModel" : "single",// single
                            "key" : "mydic",
                            "dataUrl" : TreeconditionUrl,
                            "onlyLeafCheckable" : true
                        })
            }, {
                header : "关系(运算符)",
                width : 105,
                dataIndex : "operator",
                renderer : displayOperator
            }, {
                header : "查询值",
                dataIndex : "value",
                width : 135,
                renderer : displayValue
            }

    ]);



以上为使用到的代码,在将上述字段加载后,选择添加按钮,
添加事件如下:
JScript code

{
                    text : '添加',
                    iconCls : 'addicon',
                    handler : function() {
                        var count = dsPQ.getCount();
                        var r = new qRowData({
                                    idx : dsPQ.getCount(),
                                    relation : 'and',
                                    fieldname : '',
                                    operator : '=',
                                    value : ''
                                });
                        
                        dsPQ.insert(count, r);
                        dsPQ.commitChanges();
                    }
                }



会出现cell的文本框,可以进行填写数据操作,但是焦点离开后,查询指标项列的文本无法显示,而且查询值列的文本不可以进行编辑,请高手帮忙??谢谢

作者: smh821025   发布时间: 2010-10-28

引用楼主 smh821025 的回复:
JScript code

var colM = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer({
header : "",
width : 20
}), {
hea……

CSS code
失去焦点应该取消编辑,当再次获取焦点重新编辑
stopEdit()/startEdit()

作者: IBM_hoojo   发布时间: 2010-10-29

热门下载

更多