我正在使用treetable插件,我想从以前从xml文件填充的Taffy数据库中动态加载一些数据行.我已经验证了loadBranch在表的根上运行正常,使用“null”作为节点,但我似乎无法使它成为第一行的子代.

HTML：

<table id='data_tree'>
<trdata-tt-id="1">
<td>Studies</td>
</tr>
</table>

使用Javascript：

$(window).load(function(){
    studies_db().each( function (record,recordnumber) {
        $("#data_tree").treetable("loadBranch",1,"<tr>"+
                            "<td><b>Accession:</b> "+record.accession+"<br>"+
                            "<b>Title:</b> "+record.title+"<br>"+
                            "<b>Authors:</b> "+record.authors+"<br>"+
                            "<b>Release date: </b>"+record.date+"<br>"+
                            "<b>Number of markers: </b>"+record.samples+"<br>"+
                            "</td></tr>")
         });
});

loadBranch函数需要Node对象,而不是节点标识符.试试这个：

$(window).load(function(){
  studies_db().each( function (record,recordnumber) {
    var node = $("#data_tree").treetable("node","1");

    $("#data_tree").treetable("loadBranch",node,"<tr data-tt-id='2'>"+
      "<td><b>Accession:</b> "+record.accession+"<br>"+
      "<b>Title:</b> "+record.title+"<br>"+
      "<b>Authors:</b> "+record.authors+"<br>"+
      "<b>Release date: </b>"+record.date+"<br>"+
      "<b>Number of markers: </b>"+record.samples+"<br>"+
      "</td></tr>");
  });
});

请注意,我还在tr中添加了data-tt-id属性,否则treetable插件会抱怨.

我不得不承认,有些功能需要一个节点标识符而其他功能需要一个Node对象,这是令人困惑的……这是将来应该简化的事情.

我想知道是否有其他人遇到过这个问题.当我最初在我的视图中构建我的表时,我在每个表行中使用自定义属性(称为customerID)来保存我需要传递给ajax调用的信息.但是,我也在动态地向表中添加行,我无法弄清楚如何传回相同的信息(customerID)以放入行的属性中.目前,我在添加行时唯一要做的就是构建一个字符串数组数组,这些数组完全映射到我的列.这工作正常,但没有空间发送回额外的信息.

我想我不需要将它存储在属性中,如果在添加行时有另一种方法将该信息发送回视图.有没有人对此有任何想法？

谢谢.

我能够通过使用插件的内置函数逐个遍历行来解决这个问题.在服务器上,我创建了一个私有类,其中包含我回到客户端后所需的所有信息的字段.这包括表格单元格的实际值,还包括要放置在属性中的信息.我创建了这些列表(一个对象=一行的信息),序列化它们,并将它们发送回调用ajax方法.下面的代码假设我收到了序列化的对象字符串,我在JS中：

function(rowsToAdd) {

    var rowList = JSON.parse(rowsToAdd); // rows come back as object representations of table rows,with properties

    $.each(rowList,function(index,row) {
        var rowStringArray = [row.Prop1,row.Prop2,row.Prop3,row.Prop4];
        var rowPos = tableObject.fnAddData(rowStringArray); // add the row through the plugin,and receive the row's index in return
        var tableRowElement = tableObject.fnGetNodes(rowPos[0]); // get reference to <tr> element just added

        $(tableRowElement).attr('attributeINeeded',row.AttributeProp).attr('anotherAttributeINeeded',row.AttributeProp2);
    });
}

我已经实现了 jquery的jtable.我想在行单击上执行一些操作,并且还想放置单独的图像,并且还想在该图像上添加我自己的单击事件.

我还想将该行的id传递给该自定义事件.

如何将其添加到jquery表？

我尝试了一些东西.

LoadGrid = (function () {
            //Prepare jtable plugin
            $('#GridTableContainer').jtable({
                title: 'Assets',paging: true,pageSize: 10,sorting: true,defaultSorting: 'ModelName ASC',actions: {
                    listAction: '/Adminsec/ManageAssets.aspx/List',createAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate',updateAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate',deleteAction: '/Adminsec/ManageAssets.aspx/Deletes'
                },updateRecord: (function() { alert("my custom action.");
                }),.......

终于完成了.

CustomAction: {
                        title: '',width: '1%',sorting: false,create: false,edit: false,list: true,display: function (data) {
                            if (data.record) {
                                return '<button title="Edit Record"onclick="alert(' + data.record.TicketId + '); return false;"><span>Edit Record</span></button>';
                            }
                        }
                    }

谢谢.