عرض شريط التمرير التفاعلي في GridWeb

سيناريوهات الاستخدام المحتملة

يمكن لـ Aspose.Cells for GridWeb تقديم عنصر تحكم شريط التمرير التفاعلي داخل ورقة العمل GridWeb. يمكن للمستخدم التفاعل مع شريط التمرير كما يفعلون في Microsoft Excel. من أجل إنشاء شريط تحكم تفاعلي، يجب عليك إضافة الروابط لمكتبات jQuery و jQuery UI كما هو موضح أدناه.

 <head runat="server">

	<link rel="stylesheet" href="/Scripts/jquery-ui.css">

	<script src="/Scripts/jquery-2.1.1.js"></script>

	<script src="/Scripts/jquery-ui.js"></script>

</head>

تقديم شريط التمرير التفاعلي في GridWeb

الكود النموذجي التالي يحمل ملف Excel عيني الذي يحتوي على شريط التمرير كما هو موضح في اللقطة الشاشية التالية. الصور الأخرى توضح كيف تقوم GridWeb بتقديم شريط التمرير التفاعلي وعرض قيمة شريط التمرير في الخلية B3. كلما قمت بتمرير شريط التمرير، تظهر قيمة الخلية B3 القيمة الناتجة.

todo:image_alt_text

todo:image_alt_text

todo:image_alt_text

todo:image_alt_text

الكود المثالي

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestGridWeb.aspx.cs" Inherits="TestGridWeb" %>

<%@ Register TagPrefix="acw" Namespace="Aspose.Cells.GridWeb" Assembly="Aspose.Cells.GridWeb" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">



	<link rel="stylesheet" href="/Scripts/jquery-ui.css">

	<script src="/Scripts/jquery-2.1.1.js"></script>

	<script src="/Scripts/jquery-ui.js"></script>



    <title>Test GridWeb</title>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <div>

                <b>GridWeb Version:&nbsp </b>

                <asp:Label ID="lblVersion" runat="server" Text="Label"></asp:Label>

                <br />

            </div>

            <acw:GridWeb ID="GridWeb1" runat="server" XhtmlMode="True" Height="504px" Width="1119px">

            </acw:GridWeb>

        </div>

    </form>

</body>

</html>

\--------------------------------------------

\--------------------------------------------

\--------------------------------------------

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using System.IO;

using Aspose.Cells;

using Aspose.Cells.GridWeb.Data;

using Aspose.Cells.GridWeb;

using System.Globalization;

using System.Threading;

using System.Collections.Generic;

public partial class TestGridWeb : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (Page.IsPostBack == false && this.GridWeb1.IsPostBack == false)

        {

            lblVersion.Text = GridWeb.GetVersion();

            string fileName = "sampleRenderScrollbarInGridWeb.xlsx";

            string filePath = Server.MapPath("~/ExcelFile/" + fileName);

            GridWeb1.ImportExcelFile(filePath);

        }

    }

}