用于扩展表行的Prototype插件?

时间:2011-08-22 02:03:48

标签: jquery plugins row prototypejs

jQuery有一个名为jExpand的插件,用于扩展表行。 Prototype有同等效力吗?

1 个答案:

答案 0 :(得分:0)

jExpand的来源非常小我只是继续为你翻译它。

Element.addMethods(
    'TABLE',
    {
        addJExpand : function(elem){
            elem = $(elem);
            elem.select('tr:nth-child(even)').each(function(child){child.addClassName('odd')});
            elem.select('tr:nth-child(odd)').each(Element.hide);
            elem.down('tr').show();
            elem.select('tr:nth-child(even)').each(
                function(child){
                    child.observe('click', 
                        function(){
                            child.next().toggle();
                        }
                    );
                }   
            );
        }
    }
);

只需使用table.addJExpand()调用它,其中table是您的原型扩展变量。当您使用Element.addJExpand时,您也可以使用.each

欢迎你。