Question

好的 - 自上周五以来，我一直在反对这一点，我觉得现在终于可以发帖寻求帮助了。我认为我的代码已经相当稳定，我认为事情应该有效。

我有一个网格，我编辑行，添加行，然后我展开加载子网格的行（可编辑的edatagrid）。我想简单地编辑和取消可编辑的子网格。但是也想把我传递给服务器页面的ID列从父行（api）进行更新。

编辑和添加新行正在运行，在子行中的可编辑网格中打开我想要的可编辑字段。但是，让子网格取消编辑，保存和使用iconCls将不起作用（此时为子网格删除了iconCls代码）。我没有包含所有代码，只是与此处的问题相关的内容，因此还有一些其他调用缺少javascript。如果有人想要这个代码只是大喊大叫，我会把它包括在内。

主网格

<section class="grid">     
  <table id="wells" class="easyui-datagrid" title=" " style="width:100%;height:500px"
        pagination="true" idField="api" fitColumns="true" url="getinfo.php"
        collapsible="true" singleSelect="true" toolbar="#tb" resizeHandle="both"
        autoRowHeight="true" nowrap="false" rownumbers="true" pageList="[10,25,50,100,5000]">
        <thead>
            <tr>
                <th data-options="field:'well_name', width:48" sortable="true">Name</th>
                <th data-options="field:'well_num',width:18" sortable="true">Num</th>
                <th data-options="field:'field',width:48" sortable="true">Field</th>
                <th data-options="field:'pad',width:36" sortable="true">Pad</th>
                <th data-options="field:'api',width:32" sortable="true">API</th>
                <th data-options="field:'legal_description',width:46" sortable="true">Legal</th>
                <th data-options="field:'county_state',width:40" sortable="true">County, State</th>
                <th data-options="field:'lease',width:33" sortable="true">Lease</th>
                <th data-options="field:'unit_ca_pa',width:57" sortable="true">Unit CA PA</th>
                <th data-options="field:'status',width:27">Status</th>
                <th data-options="field:'status_date',width:22">Updated</th>
                <th data-options="field:'wildlife_stips',width:75">Wildlife Stips</th>
                <th data-options="field:'notes',width:75">Notes</th>                                
            </tr>
        </thead>
  </table>

主网格工具栏

  <div id="tb" style="padding:3px"><span>Field:</span>
      <input id="field" style="line-height:22px;border:1px solid #ccc">
        <span>Pad:</span>
        <input id="pad" style="line-height:22px;border:1px solid #ccc">
        <span>API:</span>
        <input id="api" style="line-height:22px;border:1px solid #ccc">
        <a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()">Search</a>
        <a href="#" class="easyui-linkbutton" plain="true" onclick="doReset()">Reset</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newWell()">New Well</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editWell()">Edit Well</a>
  </div>

可扩展，edatagrid部分

    <script type="text/javascript">
        $('#wells').datagrid(
        {
            view: detailview,
            detailFormatter:function(index,row)
            { return '<div style="padding:2px"><table class="ddv"></table></div>'; },
                onExpandRow: function(index,row)
                {
                    var ddv = $(this).datagrid('getRowDetail',index).find('table.ddv');
                    ddv.edatagrid(
                    {
                        url:'geteditexpand.php?api='+row.api,
                        saveUrl:'updateeditwell.php?api='+row.api,
                        fitColumns:true,
                        singleSelect:true,
                        rownumbers:true,
                        loadMsg:'',
                        height:'auto',
                        columns:[[
                            {field:'location',title:'Location'},
                            {field:'NorthSouth',title:'N+S-',editor:'text'},
                            {field:'EastWest',title:'E+W-',editor:'text'},
                            {field:'latitude',title:'Latitude',editor:'text'},
                            {field:'longitude',title:'Longitude',editor:'text'},
                            {field:'lot',title:'Lot',editor:'text'},
                            {field:'tract',title:'Tract',editor:'text'},
                            {field: 'action', title: 'Action',
                                 formatter:function(value,row,index)
                                 {
                                    var s = '<a href="#" onclick="javascript:$(#wells).edatagrid(saveRow)">Save</a> ';
                                    var c = '<a href="#" onclick="javascript:$(#wells).edatagrid(cancelRow)">Cancel</a>';
                                    return s+c;
                                }
                            }
                        ]],
                        onResize:function()
                        { $('#wells').edatagrid('fixDetailRowHeight',index); },
                        onLoadSuccess:function()
                        {
                            setTimeout(function(){
                            $('#wells').edatagrid('fixDetailRowHeight',index);
                        },0);
                    }
                });
                $('#wells').datagrid('fixDetailRowHeight',index);
            }   
        });
    </script>

Answer 1

你没有updateURL，我不确定

URL（源） saveUrl（NewRecord）

丢失器updateURL：＆＃39; updatefile.php＆＃39;

编辑subrow - jquery easyui edatagrid

1 个答案: