تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
فائدة الخاصية AssociatedcontrolId
#1
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته...


خاصية AssociatedcontrolId التي لطالما اهملناها والتي تاتي فقط مع الكونترول (Label) وتربط ال(Label) مع اي كونترول اخر حسب (Id) للكونترول ولها فائدتين هما :

من المعروف ان المتصفح يعتبر (Label) عبارة عن محتوى ( Span)عند الترجمة (Render) لكن احيانا في حالات خاصة او حسب طبيعة العمل نحتاج ان نجعل المتصفح يترجم (Label) على انه (label) وليس محتوى (Span) والحل هو استخدام الخاصية (AssociatedcontrolId) التابعة ل(Label) .
PHP كود :
<body>
    <
form id="form1" runat="server">
    <
div>
    <
asp:Label ID ="lblFirstName" Text ="FirstName" AssociatedControlID ="txtFirstName" runat ="server" />
    <
br/>
  

  <
asp:TextBox ID ="txtFirstName" runat ="server" />
 <
br /> <br />

    <
asp:Label ID ="lblLastName" Text ="LastName"  runat ="server" />
    <
br />
    <
asp:TextBox ID ="txtLastName" runat ="server" /> 
</
div>
    </
form>
</
body
لاحظ في المثال اعلاه استخدمنا اثنين (Label) احدهما استخدمنا فيه الخاصية (AssociatedcontrolId) وربطناه مع (Id) الكونترول (txtFirstName) والاخر لم نستخدم معه الخاصية
استعرض المثال وشاهد الفرق بعد اختيار Page Source في المتصفح سترى ان (lblFirstName) تم ترجمته على انه (Label) بينما الاخر تُرجِم على انه محتوى(Span)
PHP كود :
<label for="txtFirstName" id="lblFirstName">FirstName</label
PHP كود :
<span id="lblLastName">LastName</span
هذه الفائدة الاولى........
  • الفائدة الثانية هي عند النقر على (Label) تجعل التركيز (Focus) على الكونترول المرتبط معه (Label) نعود الى مثالنا اعلاه وجرب تنقر على (First Name) سترى ان (Focus) اصبح على (Textbox) الاول بينما لو نقرت على الثاني سوف لايركز على ال(TextBox) الثاني

هذه هي الفائدة من الخاصية AssociatedcontrolId
مع تحياتي
الرد }}}}
تم الشكر بواسطة:
#2
جميل جدا .. عاشت ايدك Smile
الشمس اجمل في بلادي من سواها .. و الظلام
حتى الظلام هناك اجمل فهو يحتضن العـــراق :o
الرد }}}}
تم الشكر بواسطة:


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم