Как получить данные из пользовательского элемента управления свойствами на javascript?

Question

У меня есть пользовательский элемент управления:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Autocomplite.ascx.cs" Inherits="Application.Controls.Autocomplite" %> 

<script type="text/javascript" src="../Scripts/Autocomplite.js"></script> 
<img alt="" src="Images/Common/transfer1.png" style="cursor:pointer;" onclick='SelectInfo(this); return false;' /> 

со свойствами:

public partial class Autocomplite : System.Web.UI.UserControl 
    { 
     protected void Page_Load(object sender, EventArgs e) 
     {    

     } 

     private string tableDataSourse; 
     public string TableDataSourse 
     { 
      get { return tableDataSourse; } 
      set { tableDataSourse = value; } 
     } 

     private string positionId; 
     public string PositionId 
     { 
      get { return positionId; } 
      set { positionId = value; } 
     } 
    } 

я зарегистрировать этот контроль на страницу и запустить его так:

<%@ Register TagPrefix="apress" TagName="Autocomplite" Src="~/Controls/Autocomplite.ascx" %> 
... 
<apress:Autocomplite ID="AutoTextBox1" runat="server" TableDataSourse="DataSet" PositionId="NewOrderArticleCode" /> 

На Autocomplite.js (JavaScript клиентская сторона) в функции SelectInfo. Я пытаюсь получить следующие свойства:

function SelectInfo(obj) { 
    if (obj != null) { 
    // expected that obj have this properties 
    } 
} 

Answer 1

Вы должны отображать значения этих свойств в элементы или атрибуты html (например, элемент ввода или пользовательские атрибуты элемента изображения). то вы можете получить эти значения через клиентский код.

рендеринг свойства управления уровня в HTML код:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Autocomplite.ascx.cs" Inherits="Application.Controls.Autocomplite" %> 
<script type="text/javascript" src="../Scripts/Autocomplite.js"></script> 

<img alt="" src="Images/Common/transfer1.png" 
style="cursor:pointer;" onclick='SelectInfo(this); return false;' 
data-property1='<%= TableDataSourse %>' data-property2='<%= PositionId %>' /> 

доступ к оказанному атрибуту:

function SelectInfo(obj) { 
    return $(obj).attr('data-property1') ; 
    } 
}