我使用引导表与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/
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列,因此看起来不是很整洁。 -谢谢