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

引导表可编辑插件,无法设置类型以选择

南门朗
2023-03-14

我使用引导表与x-可编辑插件,这是主要工作,除了我无法改变输入的x-可编辑的弹出窗口的类型。我尝试过设置data-type="Select"type:'Select',但它总是显示为typetext

这把小提琴显示了问题所在,表格应该使用select类型,但不使用,表格外部具有相同选项的链接不起作用。

<table id="table-hover" data-toggle="table" data-show-toggle="true" data-show-columns="true" data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/">
    <thead>
        <tr>
             <!-- this field doesn't show select input -->
            <th data-field="name" data-editable="true" data-type="select">Name</th>
            <th data-field="stargazers_count">Stars</th>
            <th data-field="forks_count">Forks</th>
            <th data-field="description">Description</th>
        </tr>
    </thead>
</table>

<!-- works! -->
<a href="#" id="fruits" data-type="select">banana</a>

js-

$(function () {
    var $table = $('#table-hover');
    $table.bootstrapTable({
        }).on('editable-init.bs.table', function(e){
            $('.editable').editable('option', {
                type: 'select',
                title: "Fruit",
                source: [
                    {value: 1, text: 'banana'},
                    {value: 2, text: 'peach'}
                ]
            });
    });
    $('#fruits').editable({
       type: 'select',
       title: "Fruit",
       source: [
        {value: 1, text: 'banana'},
        {value: 2, text: 'peach'}
       ]
    });
});

https://jsfiddle.net/e3nk137y/2048/

共有1个答案

郝玄天
2023-03-14

Bootstrap表目前不支持使用data属性初始化x-editable选项,您可以改为通过JavaScript。请参见此示例:https://examples.bootstrap-table.com/#issues/986.html

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

  • 为什么我不能以这种方式使用引导可编辑表? 在这个小提琴https://jsfiddle.net/aleksacavic/03agu1ex/1/它的工作原理是,当单击时,表格单元格处于编辑模式。但相同的代码在我的网站上不工作?我错过了什么?如我所见,在我这边,当单击时,单元格不允许更改类,只有表线程被突出显示,其他元素(输入字段)不被创建。谢啦

  • 问题内容: 如果我想将cq5组件设置为在A页中可编辑但在B页中不可编辑,是否可以。 例如:在A页上,我有C组件,我们允许作者打开对话框并编辑该组件。但是我们不允许作者打开对话框来编辑页面B上的组件C。我尝试研究cq:EditConfig 链接,但这还不足以解决我的问题。 问题答案: 您可以在包含之前设置ComponentContext.BYPASS_COMPONENT_HANDLING_ON_IN

  • 我正在使用引导编辑创建一个动态表。我需要添加新行并自动将值填充到可编辑表中。 现有行“Test”是可编辑的,而新行没有引导可编辑属性。我正在使用用于可编辑表。 表格HTML jQuery 值名称和描述将被添加到表中。但它不能被编辑。 这是来自开发者工具的html元素内容。

  • 我用的是引导https://vitalets.github.io/x-editable/index.html 这是我的html代码: javascript代码: 但是我想以编程方式更改为普通的x-editable元素,而不使用select2选项。 我尝试使用jQuery将a元素的data-type属性更改为text,但它不起作用。 还尝试: 还尝试: 但是这两个选项都不起作用。select2仍然处

  • 我有这个提琴,你可以看到,当你为价格字段输入任何值时,它的弹出提示没有定位在文本上,因为当你为名称输入值时,它的数据类型是数字 https://jsfiddle.net/6da007fm/21/ 超文本标记语言 JS 这是一种正常的行为还是有解决办法。我在我的项目网页中使用它,一行有5列,因此看起来不是很整洁。 -谢谢