EasyUI Forum

Laravel Row selection not working when cell editing enable. I want to delete a record but it always say    
Warning
No record is selected. My code is as below

@extends('layouts/main')

@section('content')
    <div class="col-sm-12" id="download" style="margin-bottom: 5px;margin-left:0px;margin-top: 8px">
        <a href="{{ URL::to('/products/downloadExcel/xlsx') }}">
            <button class="btn btn-success btn-sm">
                <span class="glyphicon glyphicon-download"></span> Download
            </button>
        </a>
    </div>
    {{-- <div class="row" id="grid_view">
        <div class="col-sm-12" style="margin-bottom: 10px;margin-left:10px;">
            {!! $phpgrid_output !!}
            <script>
                $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
            </script>
        </div>

    </div>--}}
    <div class="continer">
        <div id="tb" style="padding:3px">
            <span>Item ID:</span>
            <input id="item_id" style="line-height:26px;border:1px solid #ccc">
            <a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()">Search</a>
        </div>

        <table id="tt" class="easyui-datagrid"
               data-options="
                loadFilter: function(data){
                    if (data.total && data.rows){
                        return data;
                    } else {
                        return {
                            total:data.total,
                            rows:data.data
                        };
                    }
                }
               "
               method="get"
               rownumbers="true"
               fitColumns="true"
               singleSelect="true"
               resizeEdge="true"
               nowrap="true"
               title="Product Master"
               pagination="true"
               toolbar="#toolbar"
               idField="id"
               style="width:100%;height:600px;margin-right: auto">

            <thead>
            <tr>
                <th field="item_id" width="50" editor="{type:'validatebox',options:{required:true}}">ItemId</th>
                <th field="name" width="50" editor="text">Name</th>
                <th field="description" width="50" editor="text">Description</th>
                <th field="unit" width="50" editor="text">Unit</th>
                <th field="price" width="50" editor="text">Price</th>
                <th field="item_group" width="50" editor="text">ItemGroup</th>
                <th field="price_group" width="50" editor="text">PriceGroup</th>
                <th field="tax_code" width="50" editor="text">TaxCode</th>
                <th field="tax_percent" width="50" editor="text">TaxPercent</th>
                <th field="discount_amount" width="50" editor="text">DiscountAmount</th>
                <th field="discount_percent" width="50" editor="text">DiscountPercent</th>
                <th field="image" width="50" editor="text">Image</th>
                <th field="barcode" width="50" editor="text">Barcode</th>
                <th field="company_id" width="50" editor="text">CompanyId</th>
                <th field="sync" width="50" editor="text">Sync</th>
            </tr>

            </thead>

        </table>
        <div id="toolbar">
            <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"
               onclick="javascript:$('#tt').edatagrid('addRow')">New</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"
               onclick="javascript:$('#tt').edatagrid('destroyRow')">Destroy</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"
               onclick="javascript:$('#tt').edatagrid('saveRow')">Save</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true"
               onclick="javascript:$('#tt').edatagrid('cancelRow')">Cancel</a>
        </div>

    </div>



@stop

@section('javascript')


    <script>

        function doSearch() {
            $('#tt').datagrid('load', {
                item_id: $('#item_id').val()
            });
        }

        $(function(){
            $('#tt').edatagrid({
                url:"product_master",
                saveUrl: 'create_product_master',
                updateUrl: 'update_product_master',
                destroyUrl: 'destroy_product_master'
            });
        });
        $(function () {           
            dg.datagrid('enableFilter');
            dg.datagrid('enableCellEditing').datagrid('gotoCell', {
                index: 0,
                field: 'item_id'
            });


        });




    </script>

@stop

You should use either row editing or cell editing. Don't apply them together.

thank you