小编Rya*_*ams的帖子

如何将事件侦听器添加到对象数组

我有一个对象数组(特别是easelJS图像) - 像这样:

var imageArray = new Array;
gShape  = new createjs.Shape();
// shape is something
imageArray.push(gShape);
Run Code Online (Sandbox Code Playgroud)

我想要做的是有一个事件监听器,而不是:

gShape.addEventListener("click", function() {alert"stuff"});
Run Code Online (Sandbox Code Playgroud)

我希望程序明确知道单击了哪个区域,以便我可以通过以下方式发送警告框:

imageArray[index].addEventListener("click", function(){
    alert " you clicked region number " + index}
Run Code Online (Sandbox Code Playgroud)

javascript extjs event-listener easeljs

18
推荐指数
2
解决办法
4万
查看次数

使用up和down方法的extjs

我正在尝试使用updown调用而不是,Ext.getCmp但我不太了解它.我有这个代码

listeners: {
    'change': function(field, selectedValue) {
        // Ext.getCmp('wildAnimal').setValue(selectedValue);
        this.up('form').down('#wildAnimal').setValue(selectedValue);
    }
}
Run Code Online (Sandbox Code Playgroud)

在这个更大的代码里面

Ext.define('ryan', {
    constructor: function() {
        Ext.create('Ext.form.Panel', {
            bodyStyle: {"background-color":"green"},
            name: 'mypanel',
            title: 'Animal sanctuary, one animal per location  ',
            width: 300,
            bodyPadding: 10,
            test: 'mycat',
            style: 'background-color: #Fdd;',
            renderTo: Ext.getBody(),
            items: [{
                itemId: 'button1',
                xtype: 'button',
                text: 'click the button',
                handler: function() {
                    alert('(<^_^>)');
                }
            },{
                itemId: 'wildAnimal',
                xtype: 'textfield',
                fieldLabel: 'animal:',
                name: 'myanimal'
            },{
                itemId: 'myCombo',
                xtype: 'combo',
                fieldLabel: 'choose …
Run Code Online (Sandbox Code Playgroud)

extjs extjs4

12
推荐指数
2
解决办法
4万
查看次数

如何在悬停时使用 CSS 反转颜色

我正在尝试使用 CSS 样式制作交互式购物车按钮。我希望我的“添加到购物车”按钮在悬停时反转颜色(仅限黑色和白色)以增强用户体验。

CSS样式:

.ryanAddButton {
  display:       inline-block;
  padding:       8px 0px;
  width:          390px;
  background:    -moz-linear-gradient(#000, #000);
  background:    -o-linear-gradient(#000, #000);
  background:    -webkit-linear-gradient(#000, #000);
  background:    linear-gradient(#000, #000);
  color:         #fff;
  font:          normal 700 20px/1 "Calibri", sans-serif;
  text-align:    center;
  text-shadow:   1px 1px 0 #000;
}
ryanAddButton:hover {
  background-color:white;
  color:black;
}
Run Code Online (Sandbox Code Playgroud)

按钮的 HTML 片段:

<p  class ="ryanAddButton">Add to Cart</p>
Run Code Online (Sandbox Code Playgroud)

css

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

extjs ×2

css ×1

easeljs ×1

event-listener ×1

extjs4 ×1

javascript ×1