ورود / ثبت نام
0
0

دسترسی به کنترل های سمت سرور از سمت کاربر

284 بازدید
کنترل های سمت سرور

 

کنترل های سمت سرور

گاهی اوقات شرایطی بوجود می آید که نیاز داریم که به کنترل های ASP.NET و مقادیر آنها در سمت سرور با استفاده از اسکریپت هایی در سمت کاربر همانند جاوا اسکریپت دسترسی داشته باشید. در این مقاله با هم نحوه ی دسترسی به کنترل های سمت سرور از سمت کاربر خواهیم آموخت. با من همراه باشید …

صحبتی درباره ی ID کاربر

همانگونه که میدانیم کنترل های سمت سرور ثبت شده و مورد پردازش توسط موتور ASP.NET هستند که از HTML مربوطه به مرورگر ساطع میشوند. در این زمان موتور ASP.NET کنترل های سرور و ID ای ( که ممکن است در ورژن های مختلف ASP.NET متفاوت باشد) برای آن ارائه میدهد.

کنترل های سمت سرور

مثال زیر را در نظر بگیرید که شامل ۳ تکست باکس است که در دوتای اول مقادیری وارد شده است. زمانی که کاربر بر روی دکمه کلیک میکند ، توابع جاوا اسکریپت را فراخوانی میکند که مقادیر را با هم جمع میکند و در تکست باکس سوم قرار میدهد. این کنترل ها ، کنترل های سرور هستند :

<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head runat="server">  
    <title></title>  
    <script type="text/javascript">  
function Add()  
{  
    var intFirstNo = document.getElementById("<%= txtFirstNo.ClientID %>")  
        .value;  
    var intSecondNo = document.getElementById("<%= txtSecondNo.ClientID %>")  
        .value;  
    var intResult = parseInt(intFirstNo) + parseInt(intSecondNo);  
    document.getElementById("<%= txtResult.ClientID %>")  
        .value = intResult;  
}  
    </script>  
</head>  
  
<body>  
    <form id="form1" runat="server">  
        <table>  
            <tr>  
                <td> Enter First Number: </td>  
                <td>  
                    <asp:textbox clientidmode="Predictable" id="txtFirstNo" runat="server"></asp:textbox>  
                </td>  
            </tr>  
            <tr>  
                <td> Enter Second Numer: </td>  
                <td>  
                    <asp:textbox id="txtSecondNo" runat="server"></asp:textbox>  
                </td>  
            </tr>  
            <tr>  
                <td> Addition is: </td>  
                <td>  
                    <asp:textbox id="txtResult" runat="server"></asp:textbox>  
                </td>  
            </tr>  
            <tr>  
                <td align="center" colspan="2">  
                    <asp:button id="btnResult" onclientclick="Add(); return false;" runat="server" text="Calculate"> </asp:button>  
                </td>  
            </tr>  
        </table>  
    </form>  
</body>  
  
</html>  

این خط جاوا اسکریپت را در نظر بگیرید :

var intFirstNo = document.getElementById("<%= txtFirstNo.ClientID %>").value;

زمانی که خط بالا توسط موتور ASP.NET خوانده میشود ID کنترل سرور txtFirstNo را جستجو میکند و ID کاربر مربوطه را دریافت میکند که توسط موتور ASP.NET مشخص شده است. به بیان دیگر ASP.NET ، ID کاربر برای آن txtFirstNo کنترل سرور را دریافت میکند و مقادیر بین دابل کوتیشن را تعویض میکند. به عنوان نتیجه زمانی که سورس View صفحه را مشاهده میکنیم ، میتوانیم خط بالا به صورت زیر بخوانیم :

var intFirstNo = document.getElementById("txtFirstNo").value;

همچنین false (در خط شماره ۴۲) باز خواهیم گرداند پس از آنکه تابع Add جاوا اسکریپت را برای جلوگیری از Postback در هنگام کلیک بر روی دکمه صدا میزنیم.

کافیست قطعه کد بالا را در webform کپی کنید و خودتان آن را امتحان کنید.
موفق باشید !

  • پسورد: www.mspsoft.com
آیا این مطلب را می پسندید؟
https://www.mspsoft.com/?p=17704
اشتراک گذاری:
واتساپتوییترفیسبوکپینترستلینکدین
داریوش فرخی
داریوش فرخی هستم از سال 92 شروع به یادگیری برنامه نویسی و از سال 93 در بخش برنامه نویسی و تولید محتوای سایت mspsoft.com مشغول هستم. فعالیتم نیز بیشتر در زمینه های برنامه نویسی با سی شارپ و asp.net بوده است. اوقات فراغتم را هم غالبا با تماشای فیلم یا بازی های کامپیوتری پر میکنم .
مطالب بیشتر
برچسب ها:

نظرات

0 نظر در مورد دسترسی به کنترل های سمت سرور از سمت کاربر

امکان ثبت نظر جدید بسته شده است.

هیچ دیدگاهی نوشته نشده است.