Postback of controls which have been modified in javascript

[mc]

I'm writing an app for managing Task Lists, I'm trying to add some
controls to a form that I can use to link tasks, my original intention
was to: -

Add two list boxes, one listing "all Tasks" and the other listing
"Linked Tasks", I have two buttons which in javascript move items from
the first list into the second.

Then when a user clicks a thrid button I would like to save this data.

however, the first problem was that the Event Validator threw a wobly
and rejected my postback.

I turned off EventValidation for the page.

I then noticed that the control state was the same as it was when I
loaded the form. even though I changed the contents of the ListBox?

Hope this makes sense, it's been a long day!

TIA
MC

[LiveCycle]

I've done similar things before, and it requires a little bit of process.
First, create a hidden control (<input type="hidden" name="MyHiddenI tem" />
(make sure you give it a name attribute)) to store the values that are in
your Linked Tasks listbox. Then, on your form submit event, store the
values from the Linked Tasks listbox as a comma-delimited list in the hidden
control. Finally, server-side, check the Request.Form collection for the
Value of your Linked Tasks listbox. This should give you what you want.

Don't get wobbly, now! :)
Jim

"mc" <mc@community.n ospamwrote in message
news:45******** @mail.hmgcc.gov .uk...

I'm writing an app for managing Task Lists, I'm trying to add some
controls to a form that I can use to link tasks, my original intention was
to: -

Add two list boxes, one listing "all Tasks" and the other listing "Linked
Tasks", I have two buttons which in javascript move items from the first
list into the second.

Then when a user clicks a thrid button I would like to save this data.

however, the first problem was that the Event Validator threw a wobly and
rejected my postback.

I turned off EventValidation for the page.

I then noticed that the control state was the same as it was when I loaded
the form. even though I changed the contents of the ListBox?

Hope this makes sense, it's been a long day!

TIA
MC

[Steven Cheng[MSFT]]

Thanks for Jim's informative input.

Hi MC,

For the two issues you mentioned, they're due to the following things:

1. The ASP.NET Webcontrol's state is stored in ViewState by default and it
is a compressed and encoded format which can not be modified at
client-side. Thus, any change to the webcontrol's state(except those
property that will be postback every time such as TextBox's Text or List's
selectedItem) at client-side will not be automatically post to server-side.

2. For the EventValidation problem, this is due to the new event validation
in ASP.NET 2.0(by default enabled), it will ensure that all the postback on
the page are raised by the built-in postback script generated by the page
or any webcontrol rather than other custom code(directly injected scripts).
For example, if you use Response.Write to output some postback scripts,
it will violate the event validation.

For the two issues, you can consider the following means to work them out:

1) As Jim suggested, you can use an html input hidden field(<input
type="hidden" .../>) in the page and at client-side, whenever the
dropdownlist has been changed(add or remove items), you update the hidden
field so as to persist the changes. After the page postback, you can check
the hidden field's value and synchorize the status into DropDownlist's
server control instance.

2) If disable EventValidation is doable, you can just turn off it on this
page. Else, since EventValidation just ensure the postback is really raised
from the control self, you can use script to invoke a certain control's
postback event. e.g.

We can use script to trigger a button's click event at client-side:

document.getEle mentById("Butto n1").click();
How do you think? If you have any other consideration or ideas, please feel
free to post here.

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead

=============== =============== =============== =====

Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/subscripti...ult.aspx#notif
ications.

Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://msdn.microsoft.com/subscripti...t/default.aspx.

=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no rights.

[mc]

Ok, I get the first solution with the hidden field, I've implemented it
ok and my code works a treat.

Maybe it's too late in the evening but I'm having a little difficulty
working out the EventValidiatio n stuff.

I'd rather not have to disable event validation for the whole page.

could you explain a little more about what would i need to to to stop
the eventValidation error occurring (without turning off event validation)?

I've wrapped my module is a web control as it will be used elsewhere, in
my app, will this help or hinder the problem?

TIA

mc

Steven Cheng[MSFT] wrote:

Thanks for Jim's informative input.

Hi MC,

For the two issues you mentioned, they're due to the following things:

1. The ASP.NET Webcontrol's state is stored in ViewState by default and it
is a compressed and encoded format which can not be modified at
client-side. Thus, any change to the webcontrol's state(except those
property that will be postback every time such as TextBox's Text or List's
selectedItem) at client-side will not be automatically post to server-side.

2. For the EventValidation problem, this is due to the new event validation
in ASP.NET 2.0(by default enabled), it will ensure that all the postback on
the page are raised by the built-in postback script generated by the page
or any webcontrol rather than other custom code(directly injected scripts).
For example, if you use Response.Write to output some postback scripts,
it will violate the event validation.

For the two issues, you can consider the following means to work them out:

1) As Jim suggested, you can use an html input hidden field(<input
type="hidden" .../>) in the page and at client-side, whenever the
dropdownlist has been changed(add or remove items), you update the hidden
field so as to persist the changes. After the page postback, you can check
the hidden field's value and synchorize the status into DropDownlist's
server control instance.

2) If disable EventValidation is doable, you can just turn off it on this
page. Else, since EventValidation just ensure the postback is really raised
from the control self, you can use script to invoke a certain control's
postback event. e.g.

We can use script to trigger a button's click event at client-side:

document.getEle mentById("Butto n1").click();
How do you think? If you have any other consideration or ideas, please feel
free to post here.

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead

=============== =============== =============== =====

Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/subscripti...ult.aspx#notif
ications.

Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://msdn.microsoft.com/subscripti...t/default.aspx.

=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no rights.

[Steven Cheng[MSFT]]

Hello MC,

Thanks for your reply.

As for the EventValidation problem, here is my understanding:

First, the "EventValidatio n" feature in ASP.NET 2.0 will perform the
following check when a page is postback(if EnableEventVali dation is
enabled):

1. It will ensure that any data in the Request.Form collection(the data
post through html input elements....) are originated from existing web
controls on the page. For example, if you dynamically use server-side or
client-side code to output the a following html input element

"<input type='text' name='xxx'...../>",

then, when postback, since this input field is not originally in the page's
control collection, it will report Event Validation error.

2. It will ensure that a postback event (such as Button Click) is really
triggered by the corresponding html element (rendered by the server-side
control). That means, if we use our own script to call "__doPostba ck"
fundtion to simulate another button's click event, it will raise error at
server-side (if event validation is turn on).
for your scenario, are you calling the "__doPostba ck" function in your own
script to simulate another control's postback? If you're going to use own
script to trigger a button's postback event, you can consider use script to
reference the button's client element and call its "click()" method. e.g.

var btn = document.getEle mentbyId("btnSu bmit");
btn.click();

Please feel free to post here if you have any further questions.

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead

=============== =============== =============== =====

Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/subscripti...ult.aspx#notif
ications.

Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://msdn.microsoft.com/subscripti...t/default.aspx.

=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no rights.

[mc]

I think that my scenario is somewhat simpler than the one you explain.

Unfortunately I can't post the code as I do not have access to it from
this terminal.

I've written a web User control which contains two list boxes, two image
buttons and a TaskId property.

The image buttons have no event handler on the server side and are
purely used (client side) to move items between the lists. No postback
occurs when either of these buttons are clicked.

Upon loading the control I initialize it by loading all the tasks into
the first list box. I have two methods Load_Data and Save_Data.

The load data method shuffles the contents of the lists around
server-side so they match the list (for the specified TaskId) stored in
the db

The save data method uses the values stored in the hidden control to
update the list (for the specified TaskId) stored in the db.

A page that uses the control, sets the controls TaskId property and then
calls the controls Load_Data method (during the page_load event).

then upon completing the page the user clicks a button which fires an
event handler, this calls the controls Save_Data method.

The problem seems to stem from the fact that when the control is added
to the page the list boxes contain one "State" and then as a result of
the user adjusting the contents of the lists (via Java script) when the
server gets the post back the Lists boxes "State" has changed and as a
consequence I get the error "A potentially dangerous Request.Query.. ...."
Regards
MC

Steven Cheng[MSFT] wrote:

Hello MC,

Thanks for your reply.

As for the EventValidation problem, here is my understanding:

First, the "EventValidatio n" feature in ASP.NET 2.0 will perform the
following check when a page is postback(if EnableEventVali dation is
enabled):

1. It will ensure that any data in the Request.Form collection(the data
post through html input elements....) are originated from existing web
controls on the page. For example, if you dynamically use server-side or
client-side code to output the a following html input element

"<input type='text' name='xxx'...../>",

then, when postback, since this input field is not originally in the page's
control collection, it will report Event Validation error.

2. It will ensure that a postback event (such as Button Click) is really
triggered by the corresponding html element (rendered by the server-side
control). That means, if we use our own script to call "__doPostba ck"
fundtion to simulate another button's click event, it will raise error at
server-side (if event validation is turn on).
for your scenario, are you calling the "__doPostba ck" function in your own
script to simulate another control's postback? If you're going to use own
script to trigger a button's postback event, you can consider use script to
reference the button's client element and call its "click()" method. e.g.

var btn = document.getEle mentbyId("btnSu bmit");
btn.click();

Please feel free to post here if you have any further questions.

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead

=============== =============== =============== =====

Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/subscripti...ult.aspx#notif
ications.

Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://msdn.microsoft.com/subscripti...t/default.aspx.

=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no rights.

[Steven Cheng[MSFT]]

Hello MC,

Thanks for your reply.

So you think the problem is due to the dynamically changed list
items(through client script) on the page. I've created a simple page which
contains two Listbox(<select runat="server" .../>) and use script to add
items into one of it and postback. However, it doesn't report any
validation error. Therefore, I'm wondering the problem should be specific
to how to modify the listbox and store the data to persist from client to
server. If the complete source is not available, is it convenient that you
create a simplified page which could reproduce the issue and send me this
test page?

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead

This posting is provided "AS IS" with no warranties, and confers no rights.

[Steven Cheng[MSFT]]

Hello MC,

Have you got any further progress on this issue? Or if the problem remains,
is it convenient that you send me a simplified page that can repro the
problem? Also, If you feel this an urgent issue and will need a thorough
resolution, I would suggest you contact CSS for further assistance.

http://support.microsoft.com/

Please feel free to followup if there is anything we can help.

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead

This posting is provided "AS IS" with no warranties, and confers no rights.

[mc]

Sorry, a "higher" priority issue has kept me away from looking at this
one for the last week, I'll post some code here in the next couple of days.

Steven Cheng[MSFT] wrote:

Hello MC,

Have you got any further progress on this issue? Or if the problem remains,
is it convenient that you send me a simplified page that can repro the
problem? Also, If you feel this an urgent issue and will need a thorough
resolution, I would suggest you contact CSS for further assistance.

http://support.microsoft.com/

Please feel free to followup if there is anything we can help.

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead

This posting is provided "AS IS" with no warranties, and confers no rights.

[mc]

I was finding the bug very difficult to reproduce in something small
enough to post until I added an extra bit of Javascript. The function in
question sets the item (which has just been moved) as the selected value
in the destination list. The function is as follows: -

function selectListBoxIt em(ListBox,Item Value) {
for (var i = 0; i < ListBox.options .length; i++) {
if (ListBox.option s[i].value == ItemValue) {
ListBox.options[i].selected = true;
}
else{
ListBox.options[i].selected = false;
}
}
}

If I run the code below, but comment out the call to the
"selectListBoxI tem" function all is fine!

Full Code:

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<script runat="server">
protected void Page_Load(objec t sender, EventArgs e)
{
btnJS.OnClientC lick = "moveCurrentSel ectedItemFromTo ('" +
ListBox1.Client ID + "','" + ListBox2.Client ID + "'); return false;";
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Untitl ed Page</title>
</head>

<script language="javas cript">
function moveCurrentSele ctedItemFromTo( FromListBoxName ,ToListBoxName) {
FromListBox = document.getEle mentById(FromLi stBoxName);
ToListBox = document.getEle mentById(ToList BoxName);
if(FromListBox. selectedIndex != -1){
var selectedValue = FromListBox.opt ions[FromListBox.sel ectedIndex].value;
var selectedText = FromListBox.opt ions[FromListBox.sel ectedIndex].text;
addOption(ToLis tBox,selectedTe xt,selectedValu e);
deleteOption(Fr omListBox,selec tedValue);
selectListBoxIt em(ToListBox,se lectedValue);
}
return false;
}

function addOption(selec tObject,optionT ext,optionValue ) {
var optionObject = new Option(optionTe xt,optionValue) ;
var optionRank = selectObject.op tions.length;
selectObject.op tions[optionRank]=optionObject;
}

function deleteOption(se lectObject,opti onValue) {
var rowToDelete = -1;
for (var i = 0; i < selectObject.op tions.length; i++) {
if (selectObject.o ptions[i].value == optionValue) {
rowToDelete = i;
}
}
selectObject.op tions[rowToDelete] = null;
}

function selectListBoxIt em(ListBox,Item Value) {
for (var i = 0; i < ListBox.options .length; i++) {
if (ListBox.option s[i].value == ItemValue) {
ListBox.options[i].selected = true;
}
else{
ListBox.options[i].selected = false;
}
}
}
</script>

<body>
<form id="form1" runat="server">
<div>
<asp:ListBox ID="ListBox1" runat="server">
<asp:ListItem Value="A" Text="A" />
<asp:ListItem Value="B" Text="B" />
<asp:ListItem Value="C" Text="C" />
</asp:ListBox>
<asp:Button ID="btnJS" runat="server" Text="->" />
<asp:ListBox ID="ListBox2" runat="server"> </asp:ListBox>

<asp:Button ID="btnPost" runat="server" Text="Post" />
</div>
</form>
</body>
</html>

mc wrote:

Sorry, a "higher" priority issue has kept me away from looking at this
one for the last week, I'll post some code here in the next couple of days.

Steven Cheng[MSFT] wrote:

>Hello MC,

Have you got any further progress on this issue? Or if the problem
remains, is it convenient that you send me a simplified page that can
repro the problem? Also, If you feel this an urgent issue and will
need a thorough resolution, I would suggest you contact CSS for
further assistance.

http://support.microsoft.com/

Please feel free to followup if there is anything we can help.

Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead

This posting is provided "AS IS" with no warranties, and confers no
rights.