行中的动态选择

Posted 2023-05-08

【中文标题】行中的动态选择

【英文标题】：Dynamic select in Row

【发布时间】：2019-02-19 04:24:34

【问题描述】：

如何从数据库表中选择动态头像而不是手动添加为 1、2、3 等

$('#example6').Tabledit(
    url: 'example.php',
    $('#example6').Tabledit(
        url: 'example.php',
        columns: 
            identifier: [0, 'id'],
            editable: [[1, 'name'],[2, 'avatar', '"1": "A", "2": "B", "3": "C"']]
   
);

【问题讨论】：

我认为需要详细说明？ “选择头像动态（盟友）”。你是什​​么意思完全？你有一个元素数组。您是否有想要从数组中选择的特定元素，按照某些特定逻辑，或者您是否希望遍历整个数组并动态地获取它们？你可以遍历你的数组并让一个增量器成为你的数组的索引指针。我想这就是我能告诉你的全部内容了。

如果您希望在选择您的头像后“做某事”，例如用户单击其中一个打印的头像或其他任何内容，您可以使用$(this) 选择器并在了解您选择的特定元素方面应用一些逻辑。

我对 tabledit 了解不多，但是将 $('#example6').Tabledit( 嵌套在另一个 $('#example6').Tabledit( 中似乎是错误的，并且您的示例代码由于 that.d 导致语法错误。尽可能地工作示例，包括 html。

【参考方案1】：

我刚刚复制了很多标记，但要回答这个问题，您可以通过 ajax 调用来获取它。在这里，我有一个不存在的“mythings.json”并在失败时使用默认值，您需要一个正确的 URL 并从中获取数据。

var athings = '';
$(function() 
  $.ajax(
    url: "mythings.json"
  ).done(function(data) 
    athings = data;
    dotable();
  ).fail(function() 
    console.log("failed do default");
    athings = '"1": "Apples", "2": "Beef", "3": "Candy"';
    dotable();
  );

  function dotable() 
    $('#example6').Tabledit(
      url: 'example.php',
      columns: 
        identifier: [0, 'id'],
        editable: [
          [1, 'name'],
          [2, 'avatar', athings]
        ]
      
    );
  
);

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<script src="https://getbootstrapadmin.com/remark/global/vendor/jquery-tabledit/jquery.tabledit.min.js?v4.0.2"></script>

<div class="table-responsive">
  <table class="table table-striped table-bordered" id="example6">
    <thead>
      <tr>
        <th>#</th>
        <th>Username</th>
        <th>Avatar</th>
        <th class="tabledit-toolbar-column"></th>
      </tr>
    </thead>
    <tbody>
      <tr id="1" class="danger">
        <td><span class="tabledit-span tabledit-identifier">1</span><input class="tabledit-input tabledit-identifier" type="hidden" name="id" value="1" disabled=""></td>
        <td class="tabledit-view-mode"><span class="tabledit-span" style="display: inline;">markcellbites</span><input class="tabledit-input form-control input-sm" type="text" name="username" value="markcell" style="display: none;" disabled=""></td>
        <td class="tabledit-view-mode"><span class="tabledit-span" style="display: inline;">Captain America</span>

        </td>
        <td style="white-space: nowrap; width: 1%;" class="tabledit-view-mode">
          <div class="tabledit-toolbar btn-toolbar" style="text-align: left;">
            <div class="btn-group btn-group-sm" style="float: none;"><button type="button" class="tabledit-edit-button btn btn-sm btn-default" style="float: none;"><span class="glyphicon glyphicon-pencil"></span></button><button type="button" class="tabledit-delete-button btn btn-sm btn-default" style="float: none;"><span class="glyphicon glyphicon-trash"></span></button></div>
            <button type="button" class="tabledit-save-button btn btn-sm btn-success" style="float: none; display: none;">Save</button>
            <button type="button" class="tabledit-confirm-button btn btn-sm btn-danger" style="display: none; float: none;">Confirm</button>
            <button type="button" class="tabledit-restore-button btn btn-sm btn-warning" style="display: none; float: none;">Restore</button>
          </div>
        </td>
      </tr>
      <tr id="2" class="danger">
        <td><span class="tabledit-span tabledit-identifier">2</span><input class="tabledit-input tabledit-identifier" type="hidden" name="id" value="2" disabled=""></td>
        <td class="tabledit-view-mode"><span class="tabledit-span">dotz</span><input class="tabledit-input form-control input-sm" type="text" name="username" value="dotz" style="display: none;" disabled=""></td>

        <td class="tabledit-view-mode"><span class="tabledit-span">Captain America</span>

        </td>
        <td style="white-space: nowrap; width: 1%;" class="tabledit-view-mode">
          <div class="tabledit-toolbar btn-toolbar" style="text-align: left;">
            <div class="btn-group btn-group-sm" style="float: none;"><button type="button" class="tabledit-edit-button btn btn-sm btn-default" style="float: none;"><span class="glyphicon glyphicon-pencil"></span></button><button type="button" class="tabledit-delete-button btn btn-sm btn-default" style="float: none;"><span class="glyphicon glyphicon-trash"></span></button></div>
            <button type="button" class="tabledit-save-button btn btn-sm btn-success" style="display: none; float: none;">Save</button>
            <button type="button" class="tabledit-confirm-button btn btn-sm btn-danger" style="display: none; float: none;">Confirm</button>
            <button type="button" class="tabledit-restore-button btn btn-sm btn-warning" style="display: none; float: none;">Restore</button>
          </div>
        </td>
      </tr>
      <tr id="3" class="danger">
        <td><span class="tabledit-span tabledit-identifier">3</span><input class="tabledit-input tabledit-identifier" type="hidden" name="id" value="3" disabled=""></td>
        <td class="tabledit-view-mode"><span class="tabledit-span">zikospeed</span><input class="tabledit-input form-control input-sm" type="text" name="username" value="zikospeed" style="display: none;" disabled=""></td>

        <td class="tabledit-view-mode"><span class="tabledit-span">Black Widow</span>

        </td>
        <td style="white-space: nowrap; width: 1%;" class="tabledit-view-mode">
          <div class="tabledit-toolbar btn-toolbar" style="text-align: left;">
            <div class="btn-group btn-group-sm" style="float: none;"><button type="button" class="tabledit-edit-button btn btn-sm btn-default" style="float: none;"><span class="glyphicon glyphicon-pencil"></span></button><button type="button" class="tabledit-delete-button btn btn-sm btn-default" style="float: none;"><span class="glyphicon glyphicon-trash"></span></button></div>
            <button type="button" class="tabledit-save-button btn btn-sm btn-success" style="display: none; float: none;">Save</button>
            <button type="button" class="tabledit-confirm-button btn btn-sm btn-danger" style="display: none; float: none;">Confirm</button>
            <button type="button" class="tabledit-restore-button btn btn-sm btn-warning" style="display: none; float: none;">Restore</button>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>

【讨论】：

看起来不错谢谢

嗨马丁，我的意思是动态（盟友）假设我有表，头像是表名，所以不要手动输入选项，如 [2, 'avatar', '"1": "A ", "2": "B", "3": "C"'] 我想知道在 Jquery Tableedit 中是否有可能从数据库表头像中获取头像作为选择