Question

我正在寻求某种帮助,把四分五裂与PrototypeJS混为一谈。这就是我迄今为止所做的事情:

document.observe( dom:loaded ,function(){
    $$( .sortcol ).invoke( observe ,  click , function() { 
        if (this.hasClassName( desc )) {
            var desc = false;
            this.removeClassName( desc );
        } else {
            var desc = true;
            this.addClassName( desc );
        }
        var colname = this.className;
        var contentid = this.up(2).id;
        sortColumn(contentid,colname,desc);
    });
});

function sortColumn(contentid,colname,desc) {
    $$( # +contentid).select( . +colname).sort(function(a,b){ 
        if (desc) {
            return (a.text.toLowerCase() >= b.text.toLowerCase() ) ? -1 : 1; 
        } else {
            return (a.text.toLowerCase() < b.text.toLowerCase() ) ? -1 : 1; 
        }
    });
}

实例数据:

<div id="contentbox_Users" class="userList">
    <div class="userListHeader">
        <div class="userListHeaderCell col1">First Name</div>
        <div class="userListHeaderCell col2">Last Name</div>
    </div>
    <div id="contentbox_People">
        <div class="userListRow">
            <div class="userListCell col1">John</div>
            <div class="userListCell col2">Smith</div>
        </div>
        <div class="userListRow">
            <div class="userListCell col1">Bob</div>
            <div class="userListCell col2">Ray</div>
        </div>
        <div class="userListRow">
            <div class="userListCell col1">Fred</div>
            <div class="userListCell col2">Jones</div>
        </div>
    </div>
</div>

在被点击时,基本上没有任何“col”类,我想用被点击的栏目加以分类。第一个问题是,在有多个班级时,我必须能够正确掌握班级名称。这些班级均如col1、col2等。我如何看待正确的类别?

第二件是改变分类法,以便统一一栏数据(每栏数据由另一栏目汇总),并得出结果,取代现有数据。

This needs to be done in prototypejs and I can t change the code to tables.

事先得到帮助。

Answer 1

在您提问的第一部分,如果一栏名称本身归属于rel或>>:data-*,则会变得容易得多,但你说不能改变超文本。有可能从最喜欢的阶层中挑选......

var colname = this.className.match(/cold+/).first()

但是,如果我们假设每行各列一栏,就没有必要这样做。如果使用表格,这将是一个更安全的假设。

var colnumber = this.up().childElements().indexOf(this);

贵国问题的第二部分是轻松的,即rows而不是cells。

页: 1 仅凭任何append <>>> 或insert<>> /em>,其中一项内容的行动首先要将其从母体中删除,因此,只是再次向他们致敬,并且他们要服从正确的命令。无需更换,我看到一些图书馆令人信服地将这些内容转换为超文本,从而使之重新插入!

The following has been test。

document.observe( dom:loaded ,function() { $$( .userListHeaderCell ).invoke( observe , click , function() { this.toggleClassName( desc ); var colnumber = this.up().childElements().indexOf(this); var content = this.up(2); // use the element directly instead of it s ID sortColumn(content, colnumber, this.hasClassName( desc )); }); }); function sortColumn(content, colnumber, desc) { content.select( .userListRow ).sort(function(a,b){ var atext = a.down(colnumber).innerHTML.stripTags().toLowerCase(); var btext = b.down(colnumber).innerHTML.stripTags().toLowerCase(); return atext.localeCompare(btext) * (desc ? -1 : 1); }).each(Element.prototype.appendChild, content); }

Answer 2

在我看来,这似乎与你正在制作表格数据一样。因此,为什么不使用表格? 一旦你使用一张表格,就有许多字面。 http://www.millstream.com.au/upload/code/tablekit/“rel=“nofollow”>。

友情链接