EasyUI Forum

General Category => EasyUI for Vue => Topic started by: dewan on August 20, 2019, 08:46:26 AM



Title: Error in data gridview checkbox
Post by: dewan on August 20, 2019, 08:46:26 AM
Hi then i a error generated when check box in unchecked data is  index is removed from array but there ia a error
<div class="col-sm-12">
                    <DataGrid :data="consignments"
                              :pagination="true"
                              :total="total"
                              :pageSize="pageSize"
                              :pagePosition="pagePosition"
                              :dblclickToEdit="false" selectionMode="row" editMode="row"
                    >
                        <GridColumn field="ck" :width="50" align="center">
                            <template slot="header" slot-scope="scope">
                                <CheckBox v-model="allChecked" @checkedChange="onAllCheckedChange($event)"></CheckBox>
                            </template>
                            <template slot="body" slot-scope="scope">
                                <CheckBox v-model="scope.row.selected" @checkedChange="onCheckedChange($event)"></CheckBox>
                            </template>
                        </GridColumn>
                        <GridColumn field="consignment_note_number" title="Consignment Number"></GridColumn>
                        <GridColumn field="consignment_note_date" title="Date"></GridColumn>
                        <GridColumn field="from_station" title="Origin"></GridColumn>
                        <GridColumn field="to_station" title="Destination" a></GridColumn>
                        <GridColumn field="consignor_name" title="Consignor" :editable="true"></GridColumn>
                        <GridColumn field="product_description" title="Product Description" align="center"></GridColumn>
                        <GridColumn field="package" title="Package"></GridColumn>
                        <GridColumn field="actual_weight" title="Weight"></GridColumn>
                        <GridColumn field="fright_amount" title="FrightAmount"></GridColumn>
                        <GridColumn field="other_amount" title="OtherAmount"></GridColumn>
                        <GridColumn field="line_amount" title="TotalAmount"></GridColumn>
                    </DataGrid>
                </div>

when i uncheck the check box below error is generated
[Vue warn]: Error in v-on handler: "TypeError: n is null"

found in

---> <DataGridTable>
       <DataGridBody>
         <DataGridView>
           <DataGrid>
             <ManifestComponent> at resources/js/components/manifest/ManifestComponent.vue
               <Root>


Title: Re: Error in data gridview checkbox
Post by: jarry on August 20, 2019, 06:56:18 PM
Please look at this example https://www.jeasyui.com/demo-vue/main/index.php?plugin=DataGrid&theme=material-teal&dir=ltr&pitem=CheckBox%20Selection&sort=asc. It works fine.