获取客户端 控件id

相信有不少朋友有遇样的问题!这个曾经也让我郁闷了一阵,就是说一个用户控件换个地方用就必须通过查看源文件,找到这个空间在客户端的id.

曾经 写到的一个方法是:
function selectProduct(param)
    {
      ctl00_m_g_6e621127_5514_4beb_805a_cd87e5949b43_ctl00_CallBack1.Callback(param);
    }
//ctl00_m_g_6e621127_5514_4beb_805a_cd87e5949b43_ctl00_CallBack1 是一个名为CallBack1.的客户端显示出来的id;不同的客户端将显示不同的id;

后来不小心遇见了原本自带的一个属性.ClientID:
于是乎就该成了下面的 形式.
 <script type="text/javascript">
    // Image preloading
    var img1 = new Image();
    img1.src = '../wpresources/SiteMap/spinner.gif';
    function selectProduct(param)
    {
       <%=CallBack1.ClientID +".Callback(param)"%>;
    }
</script>
//CallBack1.ClientID  就是获取CallBack1 在客户端显示的id;这样就增加的灵活性.

参考方法:
<script type="text/javascript">
        function PanelClick(sender, e) {
            var Messages = $get('<%=Messages.ClientID%>');
            Highlight(Messages);
        }

        function ActiveTabChanged(sender, e) {
            var CurrentTab = $get('<%=CurrentTab.ClientID%>');
            CurrentTab.innerHTML = sender.get_activeTab().get_headerText();
            Highlight(CurrentTab);
        }

        var HighlightAnimations = {};
        function Highlight(el) {
            if (HighlightAnimations[el.uniqueID] == null) {
                HighlightAnimations[el.uniqueID] = AjaxControlToolkit.Animation.createAnimation({
                    AnimationName : "color",
                    duration : 0.5,
                    property : "style",
                    propertyKey : "backgroundColor",
                    startValue : "#FFFF90",
                    endValue : "#FFFFFF"
                }, el);
            }
            HighlightAnimations[el.uniqueID].stop();
            HighlightAnimations[el.uniqueID].play();
        }
       
        function ToggleHidden(value) {
            $find('<%=Tabs.ClientID%>').get_tabs()[2].set_enabled(value);
        }
    </script>