代码之家 › 专栏 › 技术社区 › Muhammad Dyas Yaskur

如何从引导表的新行向TD/TR添加属性?

bootstrap-table jquery javascript

Muhammad Dyas Yaskur · 技术社区 · 8 年前

目前我有项目使用 bootstrap-table . 我在添加具有属性的新行时遇到问题。为了插入新行,我使用了以下代码:

    var row = ({
                  name: "test name",
                  type: "Organisation",
                  status: 'Active',
                  action: ''
                });
     $('#table-home').bootstrapTable('append', row);

我还想向新行添加属性。我目前使用的jQuery如下:

                var newRow = $('#table-home tr:last');
                var firstTd = newRow.find('td:first');
                var lastTd = newRow.find('td:last');
                newRow.attr("data-catid",categoryName);
                newRow.attr("data-assetdetail_id",data);
                firstTd.attr("data-remove-link","#");
                firstTd.attr("data-edit-link","#");

但在我再次插入/追加新行后,该属性将丢失。在我对表排序之后,我的属性也将丢失。实际上,如何向引导表的新行添加属性?

2 回复 | 直到 8 年前

halfer Jatin Pandey 8 年前

我已经阅读了所有文档,但我找不到如何做到这一点。但今天,我在实验后使用了控制台。日志以检查引导表中每行中的对象/数据,我用以下代码解决了问题:

            const row= ({
                    name: RiskName,
                    type: "Risk Type",
                    status: 'Active',
                    action: '',
                    _data:({"uniqueid":data.id,
                        "key":0,
                        "id":data.id,
                        "status":"Active",
                        "type": "Risk Type",
                    }),
                    _action_data:({"delete-link":"",
                        "edit-name":RiskName,
                    })
                });

_数据 是行的数据属性(示例 <tr data-id="val"> )

_action_数据 是名为的列的数据属性行动 (示例结果 <td data-tag="val"> )

s k 4 年前

我必须回答这个问题,以提醒自己以后。

参考: https://bootstrap-table.com/docs/api/table-options/

rowAttributes: function (row, index) {
    return { "data-id": row.id };
},

这将增加 data-id tr 要素

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

9 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

9 月前

Alex · 在轻量级中同时解构和不解构变量

9 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

9 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

9 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

9 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

10 月前

user3472810 · Angular@Output/EventEmitter返回undefined

10 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

10 月前