jquery 如何在数据表中动态填充文本框

o0lyfsai 于 2023-10-17 发布在 jQuery

关注(0)|答案(1)|浏览(111)

我正在从API中获取数据，这些数据之前显示在表格单元格中。我现在已经在单元格中添加了一个输入框，我希望我的值现在显示在文本框中。
我下面的代码用硬编码字符串“剩余时间”填充这些值

columns: [
                    { 'data': 'Studentid' },
                    { 'Testid': 'Testid' },
                    { 'data': 'Name' },
                    { 'data': 'Surname' },
                    { 'data': 'ExamNo' },
                    { 'Studentid': 'Studentid' },
                    { 'data': 'TestName' },
                    { 'data': 'StartDate'},
                    { 'data': 'EndDate' },
                    { 'data': 'Description' },
                    {
                        'data': 'TimeRemaining',
                        render: function (data, type, row) {
                            return '<input class="form-control" id="Markup" name="Markup" type="text"  value = ' +'TimeRemaining'+ '  >'
                        }
                    },
                    {
                        'data': null,
                        "defaultContent": '<button id="btnUpdateTime" type="button" class="btn btn-block btn-primary glow" style="width:100px">Update Time</button>'
                    },
                    {
                        'data': null,
                        "defaultContent": '<button id="btnReset" type="button" class="btn btn-block btn-primary mb-2" style="width:100px">Reset</button>'
                    }
    
                ]

jquery

来源：https://stackoverflow.com/questions/77243420/how-to-fill-textbox-with-values-dynamically-in-data-table

1条答案

按热度按时间

mccptt671#

在您提供给render的函数中，data参数将包含在对API的调用中从该字段接收的值。因此，您需要添加该值：

{
  data: 'TimeRemaining',
  render: function(data, type, row) {
    return '<input class="form-control" id="Markup" name="Markup" type="text" value="' + data + '" />'
  }
},

请注意，这可以通过使用箭头函数和模板文字来进一步简化：

{
  data: 'TimeRemaining',
  render: (d, t, r) => `<input class="form-control" id="Markup" name="Markup" type="text" value="${data}" />`
},

赞(0）回复(0）举报 2023-10-17

我来回答

jquery 如何在数据表中动态填充文本框

1条答案

相关问题

热门标签

最新问答