Custom Field Needs to be Dirty for Submit to be active?

[mstricky]

I have a custom field that returns dynamic html form elements depending on the value of another field in the grid. The dynamic nature of the form is working great, but the Submit button is not activated when the user makes a selection (for example.. clicks on one of the radio buttons). I assume this is because I have not done something to make the grid recognize that a row has been made dirty. Does anyone know how this can be accomplished?

Thanks for your help.

[mstricky]

Re: Custom Field Needs to be Dirty for Submit to be active?

Is there anyone who can help with this? I've been experimenting in the area of the client-side events, using the onRowBlur event. The {grid.object}.submitGridPartRow(rowNum) method is not working for me. This approach would be satisfactory if I could get it to work. The objective is to render a dynamic user-defined answer set in a survey. The dynamic answer options are defined based on the survey designer's selection of an answer group. In addition to the pre-defined options, the designer can also select a "User-Defined, Multiple Choice" layout where the radio button options are defined by a semi-colon delimited list. The code defining the custom control is outlined below. I is rendering the control very nicely, but I just can't get it to record the user's selections. BTW, I'm using a mySQL database.

Any help would be greatly appreciated!

'Write Xbasic code here that returns the HTML to be displayed by this control
dim ansgrp as c
dim ansform as c
dim ansopts as c
dim i as n
ansgrp = data.answergroup
SELECT
	CASE ansgrp = "Rating Level - 10"
		ansform = "<FORM><input type='radio' name='1' value='1' />1   <input type='radio' name='2' value='2' />2   " \
			"<input type='radio' name='3' value='3' />3   <input type='radio' name='4' value='4' />4   <input type='radio' name='5' value='5' />5   " \
			"<input type='radio' name='6' value='6' />6   <input type='radio' name='7' value='7' />7   <input type='radio' name='8' value='8' />8   " \
			"<input type='radio' name='9' value='9' />9   <input type='radio' name='10' value='10' />10   </form>"
	
	CASE ansgrp = "Satisfaction Level - 5"
		ansform = "<FORM><input type='radio' name='Very Disatisfied' value='Very Disatisfied' />Very Disatisfied   " \
			"<input type='radio' name='Disatisfied' value='Disatisfied' />Disatisfied   " \
			"<input type='radio' name='Neutral' value='Neutral' />Neutral   " \
			"<input type='radio' name='Satisfied' value='Satisfied' />Satisfied   " \
			"<input type='radio' name='Very Satisfied' value='Very Satisfied' />Very Satisfied   </form>"
	
	CASE ansgrp = "Agreement Level - 5"
		ansform = "<FORM><input type='radio' name='Highly Disagree' value='Highly Disagree' />Highly Disagree   " \
			"<input type='radio' name='Disagree' value='Disagree' />Disagree   " \
			"<input type='radio' name='Neutral' value='Neutral' />Neutral   " \
			"<input type='radio' name='Agree' value='Agree' />Agree   " \
			"<input type='radio' name='Highly Agree' value='Highly Agree' />Highly Agree   </form>"
	
	CASE ansgrp = "User-Defined, Multiple Choice"
		dim delimcnt as n
		dim guts as c
		dim option as c
		dim template as c
		dim workingbody as c
		dim finalbody
'		
		finalbody = ""
		ansopts = data.answeroptions
		delimcnt = occurs(";",ansopts)
		template = "<input type='radio' name='zzz' value='zzz' />zzz   "
		
		FOR i = 1 TO delimcnt
			option = word2(ansopts,1,";")
			workingbody = stritran(template,"zzz",option)
			finalbody = finalbody + workingbody
			ansopts = alltrim(right(ansopts, len(ansopts)-(len(option)+1)))
		NEXT
		ansform = "<FORM>"+finalbody+"</FORM>"

	CASE ansgrp = "Textbox"
		ansform = ""
	
	CASE ELSE
	
END SELECT
Answer_render = ansform

[mstricky]

Re: Custom Field Needs to be Dirty for Submit to be active?

Anybody have any thoughts on this?

[mstricky]

Re: Custom Field Needs to be Dirty for Submit to be active?

This issue may be solved with the dynamic checkbox control demonstrated in the newest video #D52, if the same functionality applies to a grids. I'm going to give it a try today.

[danh]

Re: Custom Field Needs to be Dirty for Submit to be active?

Hi Miles,

I'm not the expert on this, but I've got something similar to work. Because your controls are sort of 'unbound', you need to set some field in the grid when the user selects the control. I think you need to add an 'onchange' event and action to each of your 'input' controls:

<input type='radio' name='3' value='3' [COLOR="#FF0000"]onchange="{grid.Object}.setValue('FIELDNAME',3);"[/COLOR] />3

Also, your names should all be the same for each group of choices, if you want only one choice in that group:

CASE ansgrp = "Rating Level - 10"
	ansform = "<FORM><input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='1' />1   <input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='2' />2   " \
		"<input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='3' />3   <input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='4' />4   <input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='5' />5   " \
		"<input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='6' />6   <input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='7' />7   <input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='8' />8   " \
		"<input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='9' />9   <input type='radio' [COLOR="#FF0000"]name='ratelevel'[/COLOR] value='10' />10   </form>"

[mstricky]

Re: Custom Field Needs to be Dirty for Submit to be active?

Dan, thank you for your feedback. It makes sense to me that the an 'onchange' event would have been missing. I just am very weak in html. This afternoon, I followed the lead I mentioned in post #4 and had success. In the process I was able to reduce the code significantly. As I suspected, the approach used on the dialog component in video #D52 was transferable to the grid component by changing a few element references. The discovery of the a5w_checkboxes() function was the goldmine that enabled me to shorten my code. It also enabled me to load the checkboxes with pre-selected values, which is something that would be necessary if I want to enable the user to go back and change their selection. This would probably have been another data binding issue in my first approach.

So here's the new code... it works great! If you anyone is a novice like me you would have to see video #D52 to understand. By the way, I put this code into the 'OnExistingRowRender' server-side event. It uses the e.javascript property to insert the dynamic HTML.

ansgrp = e.rowdata.data("answerGroup")
SELECT
	CASE ansgrp = "Rating Level - 10"
		anslist = "1,2,3,4,5,6,7,8,9,10,"
	
	CASE ansgrp = "Satisfaction Level - 5"
		anslist = "Very Disatisfied,Disatisfied,Neutral,Satisfied,"
	
	CASE ansgrp = "Agreement Level - 5"
		anslist = "Highly Disagree,Disagree,Neutral,Agree,Highly Agree,"
	
	CASE ansgrp = "User-Defined, Multiple Choice"
		anslist = e.rowdata.data("answeroptions")
	
	CASE ELSE
END SELECT
selected = e.rowdata.data("answer")
anslist = a5w_checkboxes(anslist,"V.R"+e.rownumber+".ANSWER",selected,"","","","{grid.ComponentName}.V.R"+e.rowNumber+".ANSWER")

dim id as c
id = "{Grid.ComponentName}.V.R"+e.rowNumber+".ANSWER"
dim js as c
js = "$('" + id + "').innerHTML = '"+js_escape(anslist)+"';"

e.javascript = js