Yahoo YUI2 datatable复选框提交

时间:2011-04-20 07:05:01

标签: javascript yui checkbox

我在对话框中有这个数据表YUI数据表。数据表只有2列,其中只有一列可以使用formatter: "checkbox"进行编辑。我想知道有没有办法只收集更改的数据,或者我应该如何通过AJAX请求获取所有数据。

2 个答案:

答案 0 :(得分:2)

这里有一个示例如何监听复选框单击事件并选择数据表的行。您应该通过ajax查询更改选择行的代码,以发布更改的数据。

myDataTable.subscribe("checkboxClickEvent", function (oArgs) {
            var elCheckbox = oArgs.target;
            var oRecord = this.getRecord(elCheckbox);

            if (elCheckbox.checked) {
                myDataTable.selectRow(oRecord);
            } else {
                myDataTable.unselectRow(oRecord);
            };
        });

希望这有帮助。

答案 1 :(得分:0)

在复选框的更改事件侦听器(click事件侦听器)中,您可以使用类似于

的内容将获取的记录添加到(全局)数组中
changedArray.push(oRecord);

当你想发送它时,发送changedArray。您还可以阻止多次添加。

if (!changedArray[oRecord.keyElement]) {
    changedArray.push(oRecord);
    changedArray[oRecord.keyElement] = true;
}