3

YUI データテーブルがあり、行をクリックすると呼び出される関数があります。

...
YAHOO.keycoes.myDatatable = myDatatable;
...
myDatatable.subscribe("rowClickEvent", oneventclickrow);
var oneventclickrow = function( args ) {
    ...
}

rowClickEventデータテーブルで現在強調表示されている行 (最後にクリックされた行) でサブスクライブされている関数を呼び出したいと思います。

私はこのようなことをしようとしました:

YAHOO.keycoes.myDatatable.getSelectedRows()[0].rowClickEvent()

しかしgetSelectedRows()、行は返されません。データテーブルで強調表示された行を取得し、関連する関数を呼び出すにはどうすればよいrowClickEventですか?

4

1 に答える 1

1

YUIデータテーブルの機能性を示すと、強力なアプリケーションがここに表示されます。そのソースコードを参照して、YUIデータテーブルをどのように使用するかについての良い洞察を得てください。

私は次のようなヘルパーを使用します

var datatableUtils = {
    getSelected:function(datatable) {
        var records = datatable.getRecordSet().getRecords();

        for(var i = 0; i < records.length; i++) {
            if(datatable.isSelected(records[i])) {
                return records[i];
            }
        }

        return null;
    },
    removeAll:function(datatable) {
        var records = datatable.getRecordSet().getRecords();

        for(var i = (records.length - 1); i >= 0; i--) {
            datatable.deleteRow(records[i]);
        }
    },
    removeSelected:function(datatable) {
        datatable.deleteRow(datatableUtils.getSelected(datatable));
    },
    selectAll:function(datatable) {
        var records = datatable.getRecordSet().getRecords();

        for(var i = 0; i < records.length; i++) {
            datatable.selectRow(records[i]);
        }
    }
};

そして、イベントを購読したいときは、次のようにします

datatable.user.subscribe("rowClickEvent", function(args) {
  /**
    * Keep in mind this keyword refers To YUI datatable instance 
    *
    * args.target allows yui get row clicked
    */

     if(this.isSelected(args.target)) {
         alert("row selected");
     }
}

お役に立てば幸いです

于 2010-07-10T04:46:05.267 に答える