jQuery Grid Plugin - jqGridForum

Topic RSS

Question about custom element functions.

10/11/2012
00:22

nelsonm

Michigan, USA

Member

Members

Forum Posts: 106

Member Since:
20/08/2011

Offline

hi all,

I setup a custom element. Obviously, the custom_element function is designed to manage one custom html tag, but i used it to create three html tags that displays a credit card exp. date select block that looks like "[ MM ][V] / [ YY ][V]" in the add or edit form.

Here is the code:

//jqgrid colModel segment.

{name:'wp.ExpDate',…, edittype: 'custom', editoptions:{custom_element:customExpDateElement, custom_value:customExpDateValue}},

// jqgrid custom element(s) function.

function customExpDateElement(value, options){

var element = '<select date="ExpMM" name="wp.ExpMM" id="'+ options.id + '-ExpMM' +'" class="left ui-widget-content ui-corner-all" type="text" title="Select Card Expiration Month">'+ ExpDateSelectOptions('MM') +'</select>'+

'<span id="wp-ExpDate"> / </span>'+

'<select date="ExpYY" name="wp.ExpYY" id="'+ options.id + '-ExpYY' +'" class="center ui-widget-content ui-corner-all" type="text" title="Select Card Expiration Year" >'+ ExpDateSelectOptions('YY') +'</select>';

return element;

}

// jqgrid custom user value(s) function.

function customExpDateValue(element, operation, value){

var ExpMM = element[0].value;

var ExpYY = element[2].value;

return ExpMM + '/' + ExpYY;

}

It works great!

However, i have a few concerns…

1. With the custom element function, trying to append a string to the end of the options.id to make sure the id is unique for each select tag, it does not work. The id is always just options.id. It appears that jqgrid is simply replacing any id or name attribute i define with its own. While that is ok for a single custom element, it can be a problem when creating multiple tags within a single custom element function.

2. With the custom value function, how would the operation parameter be set to "set"?

Thanks.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
167 Guest(s)

Currently Browsing this Page:
1 Guest(s)