آموزش شمارش کل سطرهای GridView در Asp.Net و C#.Net و VB با استفاده از جی کوئری

در این پست میخواهیم چگونه شمارش سطرهای یک لیست را در کمترین زمان به صورت لیست با سربرگ یا بدون سربرگ در Asp.Net C# , VB با جی کوئری آموزش دهیم.

گاهی در قسمت هایی از وب میخواهیم سطرهای موجود را سریعا بدست آوریم مثلا در فاکتور میخواهیم بدانیم سرهای موجود چندتا است. امروز نجوه این کار را با استفاده از جی کوئری در Asp.Net با C#.Net و VB آموزش میدهیم  .

ابتدا یک پروژه بانام  iranganj_row ایجاد میکنیم.

سپس یک وب فرم از نوع سی شارپ انتخاب و به پروژه اضافه میکنیم.

نیاز به یک لیست داریم برای این منظور از Gridview استفاده میکنیم. توجه داشته باشید یک باتن هم برای نمایش سطرهای موجود تعبیه میکنیم.

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="Id" HeaderText="کد مشتری" ItemStyle-Width="90" />
        <asp:BoundField DataField="Name" HeaderText="نام مشتری" ItemStyle-Width="120" />
        <asp:BoundField DataField="City" HeaderText="محل شرکت" ItemStyle-Width="100" />
    </Columns>
</asp:GridView>
<br />
<br />
<asp:Button ID="btnGetCount" Text="شمارش سطرها" runat="server" />

در ادامه وارد صفحه کلاینت شده و ابتدا فضای نام مورد نظر زیر را اضافه میکنیم.

using System.Data;

سپس در قسمت Page_Load مقدار دهی دستی برای لیست را انجام میدهیم.

 DataTable dt = new DataTable();
                dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id"), new DataColumn("Name"), new DataColumn("Country") });
                dt.Rows.Add(1, "یوسف حیدری", "تبریز");
                dt.Rows.Add(2, "علی باستانی", "کرج");
                dt.Rows.Add(3, "ناهید محمودی", "شیراز");
                dt.Rows.Add(4, "رضا ناجی", "تهران");
                GridView1.DataSource = dt;
                GridView1.DataBind();

حالا به صفحه وب فرم بر میگردیم و با استفاده از جی کوئری کل سطرهای لیست را شمارش میکنیم.

  
<script type="text/javascript">
    $(function () {
        $("[id*=btnGetCount]").click(function () {
            var totalRowCount = $("[id*=GridView1] tr").length;
            var rowCount = $("[id*=GridView1] td").closest("tr").length;
            var message = "کل سطرهای موجود: " + totalRowCount;
            message += "\nتعدا مشتریان: " + rowCount;
            alert(message);
            return false;
        });
    });
</script>

توجه داشته باشید که Total Row Count کل سطرها یعنی سربرگ لیست را هم شمارش میکند.ولی Row Count بدون سربرگ شمارش میکند.

برای استفاده از کتابخانه جی کوئری هم از آدرس زیر استفاده میکنیم.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

قسمت بالا مربوط به زبان سی شارپ بود برای ویژوال بیسیک هم مراحل ساخت فرم را انجام م دهیم و یک GridView به آن مانند بالا اضافه میکنیم.

سپس در صفحه کلاینت فضای نام زیر را اضافه

Imports System.Data

و سپس در Page_load مقداردهی دستی برای لیست را انجام میدهیم.

If Not Me.IsPostBack Then
            Dim dt As New DataTable()
            dt.Columns.AddRange(New DataColumn(2) {New DataColumn("Id"), New DataColumn("Name"), New DataColumn("City")})
            dt.Rows.Add(100, "یوسف حیدری", "تبریز")
            dt.Rows.Add(200, "علی باستانی", "کرج")
            dt.Rows.Add(300, "ناهید محمودی", "شیراز")
            dt.Rows.Add(400, "رضا ناجی", "تهران")
            GridView1.DataSource = dt
            GridView1.DataBind()
        End If

و باز در فرم کد جاوای بالا را وارد و به همین سادگی لیست را شمارش میکنیم.

نتیجه حاصل شده :