DCAT ??? ??? ?? ??? : ??? ?? ? ?? ??? ??????.

? ????? DCAT Admin (Laravel-Admin)?? ??? ?? ???? ???? ??? ?? ???? ???? ??? ???? ? ?? ???? ? ?? ??? ???? ??? ??? ? ????. ?? DCAT ??? ?? ???? ?? ??? ??? ??? ?? JavaScript? ??? API? ???????.

?? ??? ?? ????? ????? ?? ??? ???? ??? ID ?? ??? ??????. DCAT ???? ?? ?? ??? ???? ??? ? ????.

1. ??? ?? ?? ?? :

 $ grid-> ?? (?? ($ ??) {
    $ ??-> Append (??? ??
        <input type="text" id="input-id" placeholder="輸入ID">
HTML
    );
});

2. ?? ?? ?? ??? ??? (JavaScript) :

jQuery ??? ??? ???? ???? ??????. ??? ?? ? ? ?? ???? ID? ?? ?? AJAX ?? ??? API? ?? ???? ?????.

 $ ( '#add-data-btn'). ?? (function () {
    id = $ ( '#input-id'). val ();
    if (id) {
        $ .ajax ({
            URL : '/your-api-endpoint', // ??? API ???? ?? : 'get',
            ??? : {id : id},
            ?? : ?? (??) {
                addrowtotable (??);
            },
            ?? : ?? (??) {
                ?? ( '??? ?? ??!');
                Console.error (??);
            }
        });
    } ? ?? {
        ?? ( 'ID? ??????');
    }
});

3. ???? ? ?? ?????? (JavaScript) :

addRowToTable ??? ????? ?? ? ???? ???? ???? ?? ?? ??? ?? ???? ?????. ????? ?? ? ???? name ??? ????? ??????.

 ?? AddRowTotable (data) {
    Newrow = $ ( '<tr> ');
    Newrow.Append ( ''<td> 'data.name'</td> '); // ?? ?? Newrow.Append ( ''<td><input type="number" name="quantity"></td> '); // ?? ?? ?? Newrow.Append ( ''<td><select name="color"><option value="red"> ???</option>
<option value="blue"> ???</option>
<option value="green"> ??</option></select></td> '); // ?? ??? $ ( '#your-table-id tbody'). Append (Newrow); // ??? ID? ??????
}<p> ?? API ?? ? ??? ID? ?? <code>/your-api-endpoint</code> ? <code>#your-table-id</code> ??????. ??? API? ?? ID? ???? ?? ???? ???????. ? : <code>{'name': 'ProductName'}</code> . ? ??? ?? ??? ?? ?? ? ??? ??? ??? ?? ??? ??? ?????. ?? ??,?? ?? UI ?? ??? ???? ??? ??? ???? ? ????.</p>
</tr>

? ??? DCAT ????? ???? ???? ?? ??? ??? ??? ??? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!