Как сохранить данные строки при размытии ввода текста (фокусировка) с помощью jSgrid? - PullRequest
Новая
       34

Как сохранить данные строки при размытии ввода текста (фокусировка) с помощью jSgrid?

0 голосов
/ 14 июля 2020

Я хочу «сохранить» данные о размытии ввода текста (focusout) с помощью jSgrid, поэтому мне не нужно нажимать «галочку сохранения». Я пробовал по-другому, но даже не могу получить событие размытия и не могу найти API для этого. Есть ли способ получить полевые данные о размытии? Спасибо

http://jsfiddle.net/benderlio/w0tj7346/6/

const users = [
   
    {
        "Account": "F0D12CC0-31AC-A82E-FD73-EEEFDBD21A36",
        "Name": "Sylvester Gaines",
        "No": 48,
        "RegisterDate": "2004-03-12T09:57:13-08:00"
    },
    {
        "Account": "874FCC49-9A61-71BC-2F4E-2CE88348AD7B",
        "Name": "Abbot Mckay",
        "No": 48,
        "RegisterDate": "2008-12-26T20:42:57-08:00"
    },
    {
        "Account": "B8DA1912-20A0-FB6E-0031-5F88FD63EF90",
        "Name": "Solomon Green",
        "No": 50,
        "RegisterDate": "2013-09-04T01:44:47-07:00"
    }
];

$('input').on('focusout', function() {
    console.log($(this).val());
})

$("input").on("focusout", () => { console.log('FOCUS',); }).blur(()=>{ console.log('2222222222222',2222222222222); })


$("#jsGrid").jsGrid({
    height: "90%",
    width: "100%",
    
    editing: true,
  data: users,
  
    
    fields: [
        { name: "Account", width: 150, align: "center" },
        { name: "Name", type: "text" },
        { name: "No", width: 100, type: "text",align: "center",},
        { name: "RegisterDate", type: "date", width: 100, align: "center" },
        { type: "control", editButton: false }
    ]
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" />
    <link type="text/css" rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
    
    
<div id="jsGrid"></div>
...