توضیحات و دانلود

تنظیم خودکار پهنای DropDownList (HTML SELECT) با استفاده از جاوا اسکریپت در Asp.net
0 0
تنظیم خودکار پهنای DropDownList (HTML SELECT) با استفاده از جاوا اسکریپت در Asp.net

با سلام  این کد کوتاه به شما اجازه می دهد تا از مشکل بسیار معمولی که افراد با کنترل  DropDownList یا HTML SELECT روبرو می شوند خلاص شوید.
موضوع
هر وقت که ما پهنای کنترل ASP.NET DropDownList یا HTML SELECT مشخص می کنیم و اگر طول متن هر DropDownList Item یا HTML SELECT گزینه از width باشد، در ترتیب مرورگر کاراکترهای اضافی بیشتر از پهنا است.
راه حل
راه حل این است که به طور خودکار پهنای کنترل ASP.NET DropDownList یا HTML SELECT را روی تنظیم خودکار کنید به طوری که بزرگترین آیتم یا گزینه DropDownList یا SELECT را می توان به راحتی اصلاح کنید .
برای رسیدن به این منظور ، از جاوااسکریپت استفاده خواهیم کرد. ابتدا یک DropDownList و HTML SELECT را به صفحه  اضافه میکنیم .

<asp:DropDownList ID="DropDownList1" runat="server" Width="50px"
onmouseover="AdjustWidth(this)">
    <asp:ListItem Text="Mumbai" Value="1"></asp:ListItem>
    <asp:ListItem Text="Delhi" Value="2"></asp:ListItem>
    <asp:ListItem Text="Chandigarh City" Value="3"></asp:ListItem>
</asp:DropDownList>
<select id="Select1" onmouseover="AdjustWidth(this)" style="width: 50px;">
    <option value="1">Mumbai</option>
    <option value="2">Delhi</option>
    <option value="3">Chandigarh City</option>
</select>

در بالا شما متوجه خواهید شد که یک روش جاوا اسکریپت در رویداد mouseover از کنترل DropDownList ASP.Net یا HTML SELECT می خواهیم. این روش  تنظیم عرض را به طوری که بزرگترین متن مورد یا گزینه می توان به راحتی دید , مراقبت میکند . روش جاوا اسکریپت در زیر آمده است :

<script type="text/javascript">
<!--
function AdjustWidth(ddl) {
    var maxWidth = 0;
    for (var i = 0; i < ddl.length; i++) {
        if (ddl.options[i].text.length > maxWidth) {
            maxWidth = ddl.options[i].text.length;
        }
    }
    ddl.style.width = maxWidth * 8 + "px";
//-->
}
</script>

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :