pass id from datagrid to datagrid under dialog box

[john17]

hi guys,

how can i pass the id of the select row in datagrid to another datagrid under/inside the edit dialog box?
here is my reference : http://www.jeasyui.com/tutorial/app/crud.php

thanks

[stworthy]

Call 'getSelected' method of datagrid to get the selected row data. You can call 'reload' method to reload another datagrid by passing the selected id value of the first datagrid. Please refer to the code below:

Code:

var row = $('#dg1').datagrid('getSelected');
if (row){
  var id = row.id;  // get the row id
  $('#dg2').datagrid('reload', {id:id});
  // ...
}

[john17]

thank you very much stworthy for your reply very much appreciated I will try the code and comeback for the outcome

[john17]

hi guys,

for the sake of others here's what I've done

Code:

<table id="dg2" class="easyui-datagrid" style="width:auto;max-width:1300px;height:auto" rownumbers="true" fitColumns="true" singleSelect="true" autoRowHeight="false">
                        <thead>
                            <tr>
                                <th field="company_clinic_name" width="30" sortable="true">Clinic Name</th>
                                <th field="Municipality" width="50" sortable="true">Municipality</th>
                                <th field="Province" width="50" sortable="true">Province</th>
                            </tr>
                        </thead>
                    </table>

Code:

var row = $('#dg').datagrid('getSelected');
            if (row){
                
                $('#dg2').datagrid({
                    url:'get-clinic.html?clinid='+row.system_md_id
                });
}

noted! this data grid is inside a edit dialog box my reference is in my first comment

Thank you stworthy!!