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

اجرای پلاگین جی کوئری DatePicker در کنترل GridView با ASP.Net
0 0
اجرای پلاگین جی کوئری DatePicker در کنترل GridView با ASP.Net

با سلام در این مقاله توضیح خواهم داد که چگونه Plugin جی کوئری DatePicker را به چند جعبه متن در کنترل GridView ASP.Net اعمال کنید.
کد HTML
در زیر کد HTML صفحه مورد استفاده برای این نمونه است.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("[id$=txtProductDate]").datepicker({
                showOn: 'button',
                buttonImageOnly: true,
                buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif'
            });
        });
     </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns = "false">
    <Columns>
    <asp:BoundField DataField = "ProductName" HeaderText = "Product Name" />
    <asp:TemplateField HeaderText = "Product Date">
    <ItemTemplate>
        <asp:TextBox ID="txtProductDate" runat="server" ReadOnly = "true"></asp:TextBox>
    </ItemTemplate>
    </asp:TemplateField>
    </Columns>
    </asp:GridView>
    </form>
</body>
</html>

در بالا ASP.Net GridView ساده 2 ستون دارد :
1. نام محصول
2. تاریخ محصول - شامل یک کنترل TextBox ASP.Net با شناسه txtProductDate است که آن را درپلاگین جی کوئری DatePicker اعمال کنید .
در بخش سر صفحه، یک رویداد آماده برای سند جی کوئری اضافه کردیم که در آن پلاگین DatePicker جی کوئری UI را به تمامی جعبه های GridView که ID آنها با رشته txtProductDate است با استفاده از انتخابگر jQuery [id $ = txtProductDate] تطبیق می دهیم. از آنجا که کنترل GridView درtextbox را تکرار می کند، ClientID خود را تغییر می دهد؛ گزینه SELECT LIKE را استفاده می کنیم تا پلاگین جی کوئری را در همه جعبه های متن پیدا و اعمال کند.  


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

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