1

提供されたリンクを使用して編集フォームを開きたいと思います。どうすればそれを実行して変更することができますか? これを機能させるには、どのようなアクションを実行する必要がありますか? 本当にこれが必要です。そのアクションを呼び出す簡単な方法が必要ですか? プロジェクトを編集

そのため、「ダブルクリック」行を実行しようとしましたが、以下のように「日付ピッカー」を挿入するたびに無効になります。代わりに、今、上記の「プロジェクトの編集」リンクを使用してフォームエディターを開こうとしていますか?

  <script type="text/javascript">
    $(function(){ 
      $("#list").jqGrid({
        url:'request.php',
        datatype: 'xml',
        mtype: 'GET',
        height: 350,
        colNames:['id','Project', 'Assigned To','Assign Date','Check Date','Due Date','Attachments'],
        colModel :[ 
          {name:'id', index:'id', width:20}, 
          {name:'name', index:'name', width:200, align:'left',editable:true, editoptions:{
                size:70} }, 
          {name:'id_continent', index:'id_continent', width:80, align:'right',editable:true,edittype:'select', 
          editoptions:{value: "Henry:Henry; Ramon:Ramon; Paul:Paul" }  }, 

          {name:'lastvisit', index:'lastvisit', width:70, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-Y',editable:true, edittype: 'text', }, 
          {name:'cdate', index:'cdate', width:80, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-Y',editable:true, edittype: 'text',editoptions: {
                  size: 12,
                  maxlengh: 12,
                  dataInit: function (element) {
                      $(element).datepicker({ dateFormat: 'mm/dd/yy' }
                                )
                  }
              },
              editrules: {
                  date: true
              }

          },
          {name:'ddate', index:'ddate', width:80, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-Y',date:'true',editable:true, edittype: 'text',}, 
          {name:'email', index:'email', width:80,align:'center',sortable:false} 
        ],
        pager: '#pager',
        rowNum:20,
        rowList:[20,40,80],
        sortname: 'id',
        sortorder: 'desc',
        viewrecords: true,
        gridview: true,
        caption: 'Pending Assignements',

        //ondblClickRow: function(rowid) {

    //$(this).jqGrid('editGridRow', rowid, {height:300,width:450,reloadAfterSubmit:false,closeAfterEdit:true,closeOnEscape:true});

    //}

        }).navGrid('#pager', { edit: true,del: true,add:false  },
                 {},//Options for the Edit Dialog
                 {},//Options for the Add Dialog
                 {}//Options for Delete

                 ),

    jQuery("#list").jqGrid('delGridRow', row_id_s, options );}); 



    </script>
4

1 に答える 1

0

ボタン クリック イベントの編集:

$('#ButtonName').click(function () { editSelectedRow(); });

カスタム機能:

function editSelectedRow() {
    //set the grid so we don't have to search the DOM multiple times
    var grid = $('#gridName');

    //ensure a row is selected
    var selectedRow = grid.jqGrid('getGridParam', 'selrow');
    if (selectedRow) {
        idRowData = grid.jqGrid('getRowData', selectedRow)
        grid.jqGrid('editGridRow', 'new', { closeAfterEdit: true, closeAfterSubmit: true, closeAfterAdd: true, recreateForm: true,
                viewPagerButtons: false,
                editData: { ExtraKeyName: ExtraKeyValue },
                afterShowForm: function (formid) {
                }, //afterShowForm
                afterComplete: function (response) {
                 } //afterComplete
            }); //$this.jqGrid('editGridRow
    }
    else {

        alert("Please select a row);
    } //else 
}
于 2013-05-09T14:05:32.330 に答える