Having problems updating a dynamically created PeopleEditor control on postback when utilising it in a bound repeating control? The following solution might help you.<\/p>\n
In the CreateChildControls method of your control create and add a HiddenField control at the same level as the PeopleEditor control you want to update:<\/p>\n
\r\npeopleEditor = new PeopleEditor();\r\n\/\/ Initialise your PeopleEditor\r\n\/\/ ...\r\nControls.Add(peopleEditor);\r\n\r\n_hiddenField = new HiddenField { ID = \"_hiddenField\" };\r\nControls.Add(_hiddenField);\r\n<\/pre>\nand then in the ItemCommand event (for example) of your bound control, set the value of the HiddenField control to the value of the PeopleEditor:<\/p>\n
\r\n_hiddenField.Value = peopleEditor.CommaSeparatedAccounts.Replace(\",\", \"; \");\r\n<\/pre>\nHere we replace the , with a ; as this is the separator used within the page DOM by the people editor.
\n
\nYou should also set the value of the hidden field to -1 after you’ve created it when it’s not a post back. We’ll use this value to determine if the PeopleEditor should have it’s value updated by the JavaScript function located at the end of this post.<\/p>\n
\r\nif (Page.IsPostBack)\r\n _hiddenField.Value = \"-1\"\r\n<\/pre>\nFor the JavaScript (using JQuery) add the following:<\/p>\n
\r\n$(document).ready(function () {\r\n\t$(\"[id$='_hiddenField']\").each(function() {\r\n\t\tupdatePeopleEditor($(this), 'peopleEditor');\r\n\t});\r\n});\r\n\r\nfunction updatePeopleEditor(sender, id) {\r\n\tvar peopleEditor = sender.parents('td').eq(0).find(\"[id$='\" + id + \"']\");\r\n\tvar upLevelDiv = peopleEditor.find('textarea').prev();\r\n\tvar checkNames = sender.parents('td').eq(0).find(\"[id$='\" + id + \"_checkNames']\");\r\n\tvar assignees = sender.val();\r\n\t\r\n\tif (assignees == undefined || assignees == null)\r\n\t\tassignees = '';\r\n \r\n\tif (assignees != \"-1\") {\r\n upLevelDiv.html(assignees);\r\n\t\tsetTimeout(function () { checkNames.click(); }, 100);\r\n }\r\n}\r\n<\/pre>\nThis script calls the updatePeopleEditor function for each hidden field ending with the given id (_hiddenField), which in turn updates the value of the people editor with the value within the hidden field – values separated with ;<\/p>\n
The first thing this function does is locate the PeopleEditor control, which in this example is contained within the same table cell.<\/p>\n
Next, it locates the upLevelDiv that contains a hidden textarea. The people editor control uses this to store its values.<\/p>\n
After that, we find an anchor tag with an id that ends with _checkNames (part of the PeopleEditor markup). We’ll use this to validate the values loaded into the textarea element.<\/p>\n
We now read the value of the hidden field and as long as the value is not -1 (which the control will have if the page hasn’t raised a post back), we update the upLevelDiv textarea and raise the click event of the anchor tag (checkNames) to validate the people editor control.<\/p>\n","protected":false},"excerpt":{"rendered":"
Having problems updating a dynamically created PeopleEditor control on postback when utilising it in a bound repeating control? The following solution might help you. In the CreateChildControls method of your control create and add a HiddenField control at the same … Continue reading