当前位置: 首页 > 知识库问答 >
问题:

使用引导表可编辑插件将所有字段值发送到服务器

慕乐语
2023-03-14

我使用引导表与x-editabel插件。该表有3个字段,但只有一个可编辑。我需要向服务器发送所有字段的脚本,而不仅仅是可编辑字段。我使用的代码如下:

$('#table-result').bootstrapTable({
 columns: [
    [{
       field: 'Network Domain',
       title: 'Network domain'
      }, {
       field: 'Service Provider',
       title: 'Service provider'
      }, {
       field: 'Category',
       title: 'Category',
       editable: {
         url: ajaxurl,
         ajaxOptions: {
           type: 'get',
           dataType: 'json'
         },
         success: function(response, newValue) {
          /* some code here */
         },
         type: 'select',
         title: 'Select category',
         placement: 'left',
         emptytext: 'empty text',
         source: [
            {value: 'cat1', text: 'cat1'},
            {value: 'cat2', text: 'cat2'}
         ]
      }],
});

这就是HTML

<table class="table table-striped table-bordered table-hover"
    id="table-result"
    data-height="800"
    data-page-list="[5, 10, 20, 50, 100, 200]"
    data-pagination="true"
    data-page-number="1"
    data-page-size="10"
    data-search="false"
    data-side-pagination="client"
    data-show-columns="true"
    data-show-export="true"
    data-sort-name="Category"
    data-sort-order="desc"
    data-toolbar="#toolbar"
    >
</table>

表数据来自ajax(没问题:它在工作)。

我需要将所有字段,而不仅仅是类别字段,发送到ajax脚本,该脚本将执行对所选类别字段的更改。我无法为每个表行定义和使用pk,因为单击可编辑字段时需要执行的操作需要所有字段。我想使用x-editable的“params”选项,但我不知道如何告诉它我正在编辑的行的当前值。

你有什么建议吗?短暂性脑缺血发作

另外,如果我不能以“可以理解”的形式解释问题,很抱歉,但英语不是我的主要语言。

共有1个答案

颜新
2023-03-14

好啊我解决了这个问题。

已从“可编辑”中删除ajax部件:

{
  url: ajaxurl,
  ajaxOptions: {
  type: 'get',
  dataType: 'json'
},
success: function(response, newValue) {
   /* some code here */
},   

并在代码后面添加为事件:

$('#table-result').on('editable-save.bs.table', function(e, field, row, oldValue, $el){
    //row.oldCategory = oldValue;
    //console.log(row);
    $.ajax({
        data: {
            'action': 'update',
            'Network Domain': row["Network Domain"],
            'Service Provider': row["Service Provider"],
            'Category': row["Category"],
            'oldCategory': oldValue
        },
        dataType: 'json',
        url: '$ajax_action_url'
    }).done(function(response) {
        // If successful
       console.log(response);
    }).fail(function(jqXHR, textStatus, errorThrown) {
        // If fail
        console.log(textStatus + ': ' + errorThrown);
    });  
});
 类似资料:
  • 我在我的应用程序中使用引导表库来呈现包含大量数据的表,我需要在附加的可编辑表中打开行。我在网上找到了很多关于如何在模型中打开行的信息,并将编辑后的代码放到我的应用程序中,以便在div中显示行信息,但无法将其设置为在可编辑表中打开。我提供了plunker示例。 因为我没有得到任何工作解决方案,我试着自己解决它,所以我知道这个解决方案不太好,但现在它对我有效。问题还在问,如何编辑新渲染表的字段? 这是

  • 我目前正在从事一个项目,该项目使用bootstrap editable for live editing显示SQL表中的数据。 它工作得很好-更改被传输到SQL表。什么已经起作用了 显示SQL表中的当前值 - 我要找的是代码:将下拉列表的选择值转移到SQL表 这里是超文本标记语言-code: 以下是过程。PHP代码 那么,有人知道如何传输所选的下拉值(类)吗- 希望你能帮忙!

  • 我正在处理引导表。文之心自举表的扩展。 引导表可编辑 我正在使用OnEditable向服务器发送数据(使用Laravel处理服务器请求)。我收到关于结果的错误代码作为回报。但我似乎找不到一种方法来显示可编辑的Popover上的错误,或者阻止用旧值替换新值。当我们验证输入时,会显示Like错误。 我已经检查了可编辑的- 这是我的密码: 我希望这种错误会显示: 预期产出

  • 我对妮蒂很陌生。我目前正在编写一个非常简单的Echo客户端和服务器,但是我尝试从客户端向服务器发送< code>byte[]而不是String或ByteBuf。我成功地用字符串消息编写了相同的客户机\服务器。 在相同的代码中,我只是将“解码器\编码器”改为使用< code>byte[]。 我在下面张贴我的代码。 -启动客户端的主类 - Define pipeline - 主客户端处理程序 -启动服

  • 我使用引导表与x-可编辑插件,这是主要工作,除了我无法改变输入的x-可编辑的弹出窗口的类型。我尝试过设置和,但它总是显示为type 这把小提琴显示了问题所在,表格应该使用select类型,但不使用,表格外部具有相同选项的链接不起作用。 js- https://jsfiddle.net/e3nk137y/2048/

  • 这是我使用的项目(引导表) http://bootstrap-table.wenzhixin.net.cn/documentation/ 我使用带有以下选项的表格: 一切运作良好。它从JSON中的API接收显示表的数据。 现在是问题: 我想添加一些可编辑字段。我包括了我在一个例子中看到的这些东西: 我在表中的一个字段中添加了测试“数据可编辑=”真实“属性。结果是它光学地改变了字段,但它不会写回我的