JQuery for Asp.NET v1.1

İndir / Download

JQuery v1.1 le giderilen hatalar;

– Uniq Id sorunu giderildi.

JQuery v1.1 Özellikler (Ekler)

DatePicker

Textbox ile tarih seçtirmek için kullanılır.

Kullanımı :

  <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  <JQuery:DatePicker ID="DatePicker1" runat="server" TextBoxID="TextBox1" />

Dialog

Sayfa içerisinde pencere

Kullanımı :

    <JQuery:Dialog ID="Dialog1" runat="server" Title="Title">
        Content<br />
        <asp:TextBox ID="TextBox" runat="server"></asp:TextBox><br />
    </JQuery:Dialog>

Not : İleriki haftalarda detaylı özellikleri eklenecektir.

Tab(TabItem)

Tablı içerik görüntülemeye yarar.

Kullanımı : 

 <JQuery:Tab ID="Tab1" runat="server">
        <JQuery:TabItem ID="TabItem1" runat="server" Title="Title">
        Content 1
        </JQuery:TabItem>
        <JQuery:TabItem ID="TabItem2" runat="server" Title="Title">
        Content 2
        </JQuery:TabItem>
        <JQuery:TabItem ID="TabItem3" runat="server" Title="Title">
        Content 3
        </JQuery:TabItem>
    </JQuery:Tab>

JQuery for Asp.NET v1.0

İndir

JQuery 1.0 Özellikleri

JQueryReferance

JQuery script ve csslerini yüklemek için kullanılır, bu sürümde jquery 1.5min ve jquery ui 1.8 kullanılmıştır.

Kullanımı : 

<JQuery:JqueryReferance ID="JqueryReferance1" runat="server" CustomStyle="vader" />

Not : Eğer custom bir jquery ui kullanmak istiyorsanız JQueryReferance nesnesini eklemek yerine kendi kütüphanelerinizi eklemelisiniz. CustomStyle kısmından varolan stilleri seçebilirsiniz.

JQueryResizable

Nesnelerin yeniden boyutlandırılabilir olmasını sağlar. içindeki nesnenin(Resim, Yazı, Video) genişlik ve yükseklik olarak değiştirilebilir olması için kullanılır

Kullanımı : 

    <JQuery:Resizable ID="Resizable1" runat="server">
    Content
    <JQuery:Resizable>

Not : içeriğin düzgün çalışabilmesi için genişliğini ve yüksekliğini %100 olarak ayarlayın.

JQueryProgressbar

Progressbar kullanımı içindir.

Kullanımı :

<JQuery:ProgressBar ID="ProgressBar1" runat="server" Value="40" />

JQueryAccordion(JQueryAccordionItem)

Accordion tasarımlar içindir.

Kullanımı :

 <JQuery:Accordion ID="Accordion1" runat="server" AutoHeight="true">
        <JQuery:AccordionItem ID="AccordionItem1" runat="server" Title="Accordion 1">
            Content 1
        </JQuery:AccordionItem>
        <JQuery:AccordionItem ID="AccordionItem2" runat="server" Title="Accordion 2">
            Content 2
        </JQuery:AccordionItem>
        <JQuery:AccordionItem ID="AccordionItem3" runat="server" Title="Accordion 3">
            Content 3
        </JQuery:AccordionItem>
    </JQuery:Accordion>

Not : AutoHeight özelliği otomatik yükseklik atamasını açma ve kapama içindir.