BoostrapTable로 변경시 값 대신 텍스트 가져 오기 X 편집 가능한 선택 상자

Question

x-editable과 함께 BootstrapTable을 사용하여 연락처 선택 상자가있는 테이블을 작성했습니다. 사용자가 새 값을 선택하면 선택한 값에 경고를 표시합니다. editable-save.bs.table을 사용하면 선택 옵션과 관련된 값을 얻을 수 있지만 이는 사용자에게 의미가 없습니다. 그 이름과 관련된 연락 이름을 얻고 싶습니다. 당신은 배열에 소스를 덤프 한 다음 검색하는 행 찾기 위해 그것을 물마루 반복 할 수 http://jsfiddle.net/cdvtkndu/

var data = [{"Contact": 3}, {"Contact": 2}]; 

$(function() { 
    $('#table').bootstrapTable({ 
     columns: [{ 
      field: 'Contact', 
      title: 'Contact', 
      editable: { 
       type: 'select', 
       source: [ 
        {value: 4, text: 'Andrew'}, 
        {value: 2, text: 'John'}, 
        {value: 3, text: 'Liz'} 
       ] 
      } 
     }], 
     data: data 
    }); 
}); 

$('#table').on('editable-save.bs.table', function (e, field, row, old, $el) { 
    var new_val = row[field]; 
    alert(new_val); 
}); 

Answer 1

:

var data = [{"Contact": 3}, {"Contact": 2}]; 
var _source = [ 
        {value: 4, text: 'Andrew'}, 
        {value: 2, text: 'John'}, 
        {value: 3, text: 'Liz'} 
       ]; 
$(function() { 
    $('#table').bootstrapTable({ 
     columns: [{ 
      field: 'Contact', 
      title: 'Contact', 
      editable: { 
       type: 'select', 
       source: _source 
      } 
     }], 
     data: data 
    }); 
}); 
$('#table').on('editable-save.bs.table', function (e, field, row, old, $el) { 
    var new_val = row[field]; 
    var arrayLength = _source.length; 
    for (var i = 0; i < arrayLength; i++) { 
     if (_source[i].value == new_val) { 
       alert(_source[i].text); 
      break; 
     } 
    }  
}); 

을 나는이

바이올린을 수행 할 수있는 방법

내 수정 좀 봐 : http://jsfiddle.net/4qq1yp1y/