在引导表中搜索文本不适用于X-editable

时间:2018-09-30 11:40:40

标签: twitter-bootstrap x-editable bootstrap-table

我在使用bootstrap table搜索文本时遇到问题,而在列的选择类型为X-editable上。

这个小提琴解释了这种情况:

http://jsfiddle.net/eitanmg/fdg3kaws/

搜索“在线”时,它将显示0条结果。 当搜索“ 1”时,它将为您显示在线结果。

因为搜索“ 1”是位于“在线”值后面的选择数据的值键。

但是如何使表格搜索文本而不是它们的值?

1 个答案:

答案 0 :(得分:0)

如何将text添加为值?请参阅更新的小提琴here

$(document).ready(function () {

var data = [
    {
        "number": "one",
        "status": "online",
    },
        {
        "number": "two",
        "status": "offline",
    }
];

$('#mainTable').bootstrapTable({
    data: data,
    search: true,
    searchAlign: 'left',
    showRefresh: false,
    showToggle: true,
    showColumns: true,
    columns: [{
      field: "number",
      title: "Number"
    },
    {
      field: "status",
      title: "Status",
      sortable: true,
      editable: {
        disabled: true,
        type: 'select',
        title: 'Select Status',
        emptytext: 'Select...',
        source: [{value: "online", text: "online"}, {value: "offline", text: "offline"}],
      }}
      ]
   });
});