附加到每一行的jQuery Datatable动态编辑按钮

前端之家收集整理的这篇文章主要介绍了附加到每一行的jQuery Datatable动态编辑按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
全新的 jquery和datatable.我想添加一个编辑按钮,调出一个显示所有可编辑字段的colorBox div.任何人都可以指出我如何实现这一目标的正确方向?

我能够为每个字段添加一个sClass,并使用fnDrawCallback回调从字段调用colorBox.但这有点混乱,我只是在每行的末尾都有一个按钮用于编辑目的.非常感谢任何指针.

解决方法

您可以在aoColumnDefs的列定义中通过fnCreatedCell回调添加内容
以下内容向第一行添加了一个按钮,其中一个onclick事件处理程序重定向到第一列中的值(这是您可能需要更改的内容.
"aoColumnDefs" : [ 
                    {
                        "aTargets": [0],"fnCreatedCell" : function(nTd,sData,oData,iRow,iCol){
                            var b = $('<button style="margin: 0">edit</button>');
                            b.button();
                            b.on('click',function(){
                                document.location.href = oData[0];
                                return false;
                            });
                            $(nTd).empty();
                            $(nTd).prepend(b);
                        }
                    },

猜你在找的jQuery相关文章