free jqgrid - radio button

Question

using custom type

mrmucha · Answer

1. in database create enum field (values:DEFAULT VALUE, YES, NO) for radio buttons values 2. jqgrid column type 1 2 3 4 5 6 7 8 9 10 11 12 13                 &#123;                     name: 'confrim',index:'confrim', label: 'Confirmed?',                     edittype: 'custom', width: 70, align: "center", editable: true, editoptions:                     &#123;                         custom_element: radioelem,                         custom_value: radiovalue,                     &#125;,                     formatter: 'radioVisualizer',                     formatoptions:                     &#123;                         disabled: false                     &#125;                 &#125; { name: 'confrim',index:'confrim', label: 'Confirmed?', edittype: 'custom', width: 70, align: "center", editable: true, editoptions: { custom_element: radioelem, custom_value: radiovalue, }, formatter: 'radioVisualizer', formatoptions: { disabled: false } } 3. prepare functions for renedering and value manipulation 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47     $.extend&#040;$.fn.fmatter, &#123;         radioVisualizer: function &#040;cellvalue, options, rowObject&#041; &#123;            return cellvalue;         &#125;     &#125;&#041;;       function radiovalue&#040;elem, operation, value&#041; &#123;         var obj = $&#040;elem&#041;;         debugger;         if &#040;operation === 'get'&#041;         &#123;             if&#040;!value&#041;                 return "DEFAULT VALUE";             return obj.filter&#040;'input:checked'&#041;.val&#040;&#041;;           &#125; else if &#040;operation === 'set'&#041; &#123;             if&#040;value && value != "DEFAULT VALUE"&#041;&#123;                 if &#040;obj.is&#040;':checked'&#041; === false&#041; &#123;                     return obj.filter&#040;'&#091;value=' + value + '&#093;'&#041;.attr&#040;'checked', true&#041;;                 &#125;             &#125;else&#123;                 return "DEFAULT VALUE";             &#125;         &#125;     &#125;       $.extend&#040;$.fn.fmatter.radioVisualizer, &#123;         unformat: function &#040;cellValue, options, elem&#041; &#123;             var text = $&#040;elem&#041;.text&#040;&#041;;             return text === ' ' ? '' : text;         &#125;     &#125;&#041;;       function radioelem&#040;value, options&#041; &#123;         var receivedradio = '';          receivedradio += 'YES';         var naradio = 'NO';         if &#040;value == 'YES'&#041; &#123;             var radiohtml = receivedradio + ' checked="checked"' + breakline + naradio + endnaradio;             return radiohtml;         &#125; else if &#040;value == 'NO'&#041; &#123;             var radiohtml = receivedradio + breakline + naradio + ' checked="checked"' + endnaradio;             return radiohtml;         &#125; else &#123;             return receivedradio + breakline + naradio + endnaradio;         &#125;     &#125; $.extend($.fn.fmatter, { radioVisualizer: function (cellvalue, options, rowObject) { return cellvalue; } }); function radiovalue(elem, operation, value) { var obj = $(elem); debugger; if (operation === 'get') { if(!value) return "DEFAULT VALUE"; return obj.filter('input:checked').val(); } else if (operation === 'set') { if(value && value != "DEFAULT VALUE"){ if (obj.is(':checked') === false) { return obj.filter('[value=' + value + ']').attr('checked', true); } }else{ return "DEFAULT VALUE"; } } } $.extend($.fn.fmatter.radioVisualizer, { unformat: function (cellValue, options, elem) { var text = $(elem).text(); return text === ' ' ? '' : text; } }); function radioelem(value, options) { var receivedradio = ''; receivedradio += 'YES'; var naradio = 'NO'; if (value == 'YES') { var radiohtml = receivedradio + ' checked="checked"' + breakline + naradio + endnaradio; return radiohtml; } else if (value == 'NO') { var radiohtml = receivedradio + breakline + naradio + ' checked="checked"' + endnaradio; return radiohtml; } else { return receivedradio + breakline + naradio + endnaradio; } }