1

コンボボックスで値が選択/変更されたら、テキストボックスに値を動的に挿入したいという状況です。

これどうやってするの？私はJQGridを初めて使用します...

$(document).ready(function() {
  $("#datagrid").jqGrid({
      url: 'actionpo.php?vid=polpogridjq',
      datatype: 'xml',
      mtype: 'GET',
      colNames: ['List#', 'PO#', 'Item Code', 'Item Detail', 'Qty', 'Price', 'Tax'],
      colModel: [{
          name: 'polistno',
          width: 100,
          editable: true,
          editable: true,
          key: true
        },
        {
          name: 'polpono',
          index: 'polpono',
          width: 100,
          editable: true,
          key: false
        },
        {
          name: 'politemcode',
          index: 'politemcode',
          width: 100,
          align: 'right',
          sortable: true,
          editable: true,
          edittype: "select",
          editrules: {
            required: true
          },
          editoptions: {
            size: 1,

            dataUrl: 'actionpo.php?vid=populatesel',
            dataEvents: [{
                type: 'change',
                fn: function(e) {
                  var thisval = $(e.target).val();
                  $.get('actionpo.php?vid=getitemname&itemcode=' + thisval, function(data) {
                    var res = $(data).html();
                    alert(res)
                    $('#politemname').html(res);

                  }); // end get
                } //end func
              } // end type
            ] // dataevents
          } //edit options 
        },
        {
          name: 'politemname',
          id: "L1",
          width: 300,
          align: 'left',
          sortable: false,
          editable: true
        },
        {
          name: 'politemqty',
          width: 50,
          align: 'right',
          sortable: false,
          editable: true
        },
        {
          name: 'politemvalue',
          width: 80,
          align: 'left',
          sortable: false,
          editable: true
        },
        {
          name: 'politemtax',
          width: 50,
          align: 'right',
          editable: true
        }

      ],

      pager: $('#pager'),
      rowNum: 10,
      rowList: [10, 20, 30],
      sortname: 'polpono',
      sortorder: 'desc',
      shrinkToFit: false,
      rownumbers: false,
      multiselect: false,
      viewRecords: false,
      clearAfterAdd: true,
      caption: 'Itemised Quantity',
      editurl: "actionpo.php?vid=gridformcall",
    }
  ).navGrid('#pager', {
      edit: true,
      add: true,
      del: true,
      search: false,
      refresh: true
    }, {
      //Edit Options            
    }, { //Add Options
    }, {
      //Delete Options
      width: 350,
      caption: 'Delete User',
      msg: 'Are you sure you want to delete this User?\nThis action is irreversable.',
      onclickSubmit: function(rp_ge, postdata) {
        rp_ge.url = "actionpo.php?vid=gridformcall&delpono=" +
          $('#datagrid').getCell(postdata, 'polpono');
      }
    }, {} //Search options 
  );
});

テキストボックスは「politemname」、ドロップダウン リストは「politemcode」です。コンボリストは正常に機能していますが、以下のコードから受け取った値をテキストボックスに割り当てることができません。

$.get('actionpo.php?vid=getitemname&itemcode='+thisval, function(data)

また、JQgrid のモーダルフォームから要素 (CSS だと思います) の名前の ID を取得する方法はありますか?

4

0 に答える 0