Идентификация идентификатора элемента управления между средами

Question

У меня есть веб-приложение, которое отлично работает в нашей среде сцены/тестирования, но как только мы переместили его в нашу производственную среду, произойдет что-то странное. Все контрольные идентификаторы меняются. Например, ярлык перешел от ctl00_cphMainContent_lblPetName к _ctl0_cphMainContent_lblPetName. Почему это произойдет? Что может привести к чему-то подобному. Единственные два отличия, о которых я знаю, - это производственная среда с HTTPS, и я отключил отладку.

Answer 1

Ваш web.configs отличается. Поведение генерации идентификатора клиента зависит от EnableLegacyRendering. Пожалуйста, просмотрите файл xhtmlConformance вашего web.config. Если это Legacy, вы получите «_ctl», если нет - «ctl».

Answer 2

Как способ генерации идентификатора клиента может изменяться между различными версиями фреймворка, вы не должны полагаться на определенный шаблон.

Свойства, относящиеся к ClientID и UniqueID, должны использоваться с целью определения имени и имени, которые генерируются для кода html.

Свойство ClientID содержит сгенерированный идентификатор, который вы, например, можете использовать с методом document.getElementById в Javascript.

Свойство UniqueID содержит сгенерированное имя, которое вы, например, можете использовать, если вы прочитали стоимость, отправленную с помощью формы из коллекции Request.Form.

Answer 3

Хитрость заключается в том, чтобы сервер, который знает идентификатор элемента управления, отправляет его на клиентский JavaScript, который будет использовать его.

Обычный способ сделать это что-то вроде этого:

var btn1 = document.getElementById(" <%= button1.ClientID %>"); 

Я всегда ненавидел это, так как, по сути, вы пишете все ваши JavaScript во время выполнения. Вместо этого мне нравится, чтобы страница (или элемент управления) излучала класс, содержащий все идентификаторы элементов управления (или другие значения на стороне сервера), которые ему нужны.

Я бы опубликовал пример, но я не сделал этого какое-то время, и у меня его нет. В принципе, создайте класс JavaScript с членами для каждого идентификатора элемента управления, который вам нужен, и зарегистрируйте его со страницей. Затем зарегистрировать сценарий запуска, который делает что-то вроде этого:

myPage_Instance.btn1 = <%= button1.ClientID %>; // Better - do it in the codebehind 
// more of the same 

Ваш код теперь может быть:

вар btn1 = document.getElementById (myPage_Instance.btn1);