extjs自定义组件调用不到的问题

Ext define('ExtUDExt',{

extends:,//选择从哪里继承

alias :, //引入自定义的组件

title://标题之后配置一样

});

还有问题请继续追问。。。

11:数据对应的列，加了一个点击事件，获取到该列的值，然后赋值

{

align: 'center',

text: 'A,

dataIndex: 'A',

width:60,

renderer : function(val, meta, record) {

val = "<a href='javascript:;' >"+val+"</a>";

metatdAttr = 'data-qtip="' + val + '"';

return '<div align="left">' + val + '</div>';

},

listeners:{

'click':function(){

var rows = gridgetSelectionModel()getSelection();

displayfieldsetValue(rows[0]get('A'));//通过rows[0]get('字段名')来获取A字段的值，然后赋值给displayfield

}

}

2如果有点击事件的话，你可以直接使用 var rows = gridgetSelectionModel()getSelection();获取store的数据模型（存放了所有的记录），rows[0]是指定行的记录（包括隐藏的字段），displayfield这个在grid外面创建好的，在grid可以引用到的话可以直接使用 displayfieldsetValue(rows[0]get('A'));来赋值

3

var display = Extcreate('ExtformfieldDisplay',{

xtype: 'displayfield',

fieldLabel: 'Visitor',

name: 'visitor_score',

value: '11'

})

var grid = Extcreate('ExtgridPanel', {

store: store,

columns: [

{text : 'Company',

flex : 1,dataIndex: 'company',

renderer : function(val, meta, record) {

val = "<a href='javascript:;' >"+val+"</a>";

return val;

},

listeners:{

'click':function(){

var rows = gridgetSelectionModel()getSelection();

displaysetValue(rows[0]get('name'))

}

}

} ], dockedItems: [{

xtype: 'toolbar',

dock: 'top',

items: [display]

}]

});

});

当把ExtformComboBox 的editable 设为true之后，用getValue（）是取不到人工打进去（edit）的值的。因此，对于带可编辑功能的ComboBox，我们可以用getRawValue() 去取得值。

我们先来看看两个Method的原型和说明：

getRawValue() : Mixed

Returns the raw data value which may or may not be a valid, defined value To return a normalized value see getValue()

getValue() : String

Returns the currently selected field value or empty string if no value is set

注意：虽然getValue()返回的类型是String，而getRawValue()返回的是Mixed，但是这个Mixed可以被当作String运算和处理。

getValue是从ComboBox的store中用getById取数据，如果不选择，getById返回的是undefined！

Ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了,

主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好可以自己写扩展自己定义命名空间web应用可能感觉太大不过您可以根据需要按需加载您想要的类库就可以了

主要包括三个大的文件ext-allcss,ext-basejs,ext-alljs(包括所有的类库,您可以根据需要进行删减官方网站提供这一接口),在引用ext类库的时候这三个文件必不可少

它提供了丰富的，非常漂亮的外观体验，成为众多界面层开发人员的追捧！其核心的组件基本覆盖了我们构建富客户端的常用的组件。

从 Ext 2开始，商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。

目前的最新版本为40Ext动画功能介绍一下Ext预置的11个动画功能。

1slideIn/slideOut：

元素的滑进或滑出效果。默认slideIn是从顶部滑进的，而slideOut是从底部滑出的，可通过修改第1个参数设置滑进或滑出位置。其使用方法请看下面代码。

var el = Extget('elId');

elslideIn(); //从顶部滑进

elslideOut(); //从底部滑出

elslideIn('l',{ easing: 'easeOut', duration: 5 }); //从左边滑进

2puff：元素慢慢向四周扩大并逐渐消失。当效果完成后，元素将隐藏（visibility属性为hidden），不过元素原来所占位置将继续存在。如果需要删除元素，请设置remove属性为true。其使用方法请看下面代码。

var el = Extget('elId'); //默认方式

elpuff();

//自定义方式，元素消失后删除元素

elpuff({ easing: 'easeOut', duration: 5, remove: true, useDisplay: false })

3switchOff：元素闪烁一下，然后往中心折叠（类似关掉电视）。当效果完成后，元素将隐藏（visibility属性为hidden），不过元素原来所占位置将继续存在。如果需要删除元素，请设置remove属性为true。其使用方法请看下面代码。

var el = Extget('elId'); //默认方式

elswitchOff();

//自定义方式，元素消失后删除元素

elswitchOff({ easing: 'easeOut', duration: 5, remove: true, useDisplay: false });

4highlight：利用设置的颜色高亮显示元素，然后逐渐消隐回原有颜色。默认是设置元素背景颜色，可通过设置attr属性设置高亮显示方式。如果没有初始颜色，可以使用endColor属性设置消隐后的颜色。其使用方法请看下面代码。

var el = Extget('elId'); //默认方式

elhighlight();

//自定义方式

elhighlight('0f0f0f',{ easing: 'easeOut', attr: 'color' duration: 5, endColor: 'dddddd' });

5frame：从元素边界开始以水波扩散的方式提示用户。其使用方法请看下面代码。

var el = Extget('elId'); //默认方式

elframe();

//自定义方式

elframe('0f0f0f',{ duration: 5, });

6pause：在队列中的动画开始之前产生一个停顿。其使用方法请看下面代码。

elpause(1); //停顿1秒

7fadeIn/fadeout：实现渐变效果。fadeIn方法从透明渐变到不透明。fadeOut方法从不透明渐变到透明。通过endOpacity属性可设置渐变结束后的不透明度。要注意在IE中可能要设置useDisplay属性为true。其使用方法请看下面代码。

var el = Extget('elId');

elfadeIn();

elfadeOut();

要获取store里边的数据的方法是在太多啦

var myStore=Extcreate('MyExtJSstoreUserStore');

//idx是该记录在store中的index，从0开始

var 变量 = myStoregetAt(idx)get('字段名');

而且，在ext的组件中还有很多方法，他已经把store的record当作变量给你传过来了，用起来相当方便，例如grid的监听事件

lisenters: {

    cellclick: function(g, t, i, r) {

        //这里的r就是表格被选中行的记录

    }

}

store还有很多 方法 可以取出其中的数据，具体内容，查阅extjs的官方api，搜索store即可！

纯手敲，希望对lz有帮助~

以上就是关于extjs自定义组件调用不到的问题全部的内容，包括:extjs自定义组件调用不到的问题、extjs的displayfield组件如何获取grid中的某一列的值、Ext组件ComboBox 中getValue和getRawValue的区别等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！