jQuery Grid Plugin - jqGrid - Topic: Hiding/Showing form field via dataEvents

tony on Hiding/Showing form field via dataEvents

Sat, 27 Feb 2010 20:01:09 +0200

Hello,

You should note that this is for form edit, so in your case you - in any other module formid is not needed.

Regards

Tony

lupin on Hiding/Showing form field via dataEvents

Tue, 23 Feb 2010 12:26:53 +0200

Hi Tony,

That do the trick, but I noticed since I'm following your excellent documents here http://www.secondpersonplural......tm(Dynamic Editing Form), if I put a it this way:

$("#tr_Job_Number",formid).hide(); as per that docs it won't work, did I misunderstood something?

again thank you very much for your fantastic project and support.

more power to you,

lupin

tony on Hiding/Showing form field via dataEvents

Tue, 23 Feb 2010 11:26:37 +0200

Hello,

try this

$("#tr_Job_Number").hide(); instead of

$("tr_#Job_Number").hide();

Best Regards

Tony

lupin on Hiding/Showing form field via dataEvents

Mon, 22 Feb 2010 15:00:02 +0200

Hi,

I want to hide/show the form field base on selection from select form field, I used the following code but it didn't hide the #Job_Name. How to acheive this?

{ name:   'Job_Number',
    index: '`Job #`',
    editable: true,
    edittype: 'text',
    editoptions: { size: 10, readonly: 'readonly'},
    editrules: {required: true },
    formoptions: { label: 'Job #' },
    width: 10,
    formatter: 'integer',
    formatoptions: { thousandsSeparator: '' },
    searchoptions: { sopt: ['eq','ne','lt','le','gt','ge', 'in', 'ni'] },
    align: 'right',
    sortable: true
},
{ name:   'Job_Name',
    index: '`Job Name`',
    editable: true,
    edittype: 'select',
    editoptions: { //size: 1,
                value:{1:'One',2:'Two'},
                  // dataUrl: 'select',
                   dataEvents: [
                      { type: 'change',
                         fn: function(formid) {
                               $("tr_#Job_Number").hide();
                         }
                      }
                   ]
   },
    formoptions: { label: 'Job Name' },
    searchoptions: { sopt: ['eq','ne','lt','le','gt','ge', 'cn', 'nc', 'bw', 'bn'] },
    align: 'right',
    width: 150,
    align: 'left',
    sortable: true
}

Thanks in advance,

lupind