c# render pdf : How to move pages in pdf converter professional SDK control service wpf azure asp.net dnn vb_dot_net_developers_guide51-part606

478
Chapter 10 • Developing Web Applications
All intrinsic controls run at the server level and render HTML elements.
Among these intrinsic controls, some of the controls such as DropDownList and
ListBox controls can be bound to a dataset from the database.We discuss how to
bind a dataset to the control in the next section.
Bound Controls
In a Web page, we usually retrieve data from the database and show it to the user
in a tabular form or in a list form. Microsoft introduced three bound controls
that do the work for us; they are DataGrid control, Repeater control, and
DataList control.The DataGrid is the richest bound control and the easiest way
to display the data in a grid control. In a Repeater control, you define the layout
of individual items.When the page is run, the control repeats the layout for each
item in the data source. DataList is similar to the Repeater control and provides
more formatting options.
DataGrid
As mentioned earlier, DataGrid allows us to display the data returned from a data
source in a tabular form.This is the most commonly used control.The control
has numerous customization options. First let’s see a simple DataGrid in action,
and then we can apply some customizations.
Exercise 10.3 Using the DataGrid Control
Use the same project that we used for Exercise 10.2. In that exercise, we placed
four controls on a Web form (refer back to Figures 10.3 and 10.4). Once the user
enters the Customer ID and clicks the button, it shows the orders placed by the
customer.Typically, orders are shown in a tabular form, which is where DataGrid
comes into the picture.
For this exercise, we use the NorthWind database, which comes with default
installation of the SQL Server 2000. In the NorthWind database, the Orders table
contains all the orders placed by the customers.We will use this table to get the
orders placed by the user-supplied Customer ID.
1. Open the Chapter10 Web application project.
2. Place a DataGrid control on the Web form by dragging and dropping it
from the toolbox and set the following properties:
ID: dgOrders
HeaderStyle-BackColor: Navy
HeaderStyle-Font-Bod: True
www.syngress.com
CD Exec.
10.3
How to move pages in pdf converter professional - re-order PDF pages in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Customizing Page Order of PDF Document in C# Project
pdf rearrange pages; reorder pages in pdf preview
How to move pages in pdf converter professional - VB.NET PDF Page Move Library: re-order PDF pages in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Sort PDF Document Pages Using VB.NET Demo Code
move pages in pdf; how to rearrange pages in a pdf file
Developing Web Applications • Chapter 10
479
HeaderStyle-ForeColor: White
AlternatingItemStyle-BackColor: Silver
After placing the DataGrid control in the Web form, your design
area should appear as shown in Figure 10.5.
For this design, the user enters a Customer ID and clicks the Get
Order Details button. So, for the Button Click event, we need to write
code to get the orders placed by the customer. In order to reuse the
code, we create a function that will return the dataset containing the
orders placed by the customer for a given Customer ID.
3. Add the following code to your page in WebForm1.vb:
Public Function GetOrders(ByVal CustomerID As String) As
DataSet
Dim sConnectionString As String
Dim sqlString As String
Dim MyConnection As SqlConnection
Dim MyDataAdapter As SqlDataAdapter
Dim DS As New DataSet()
'building the connection string       
sConnectionString = "Server=localhost;
Database=Northwind; "
sConnectionString += "UID=sa; pwd=;"
www.syngress.com
Figure 10.5
DataGrid Control in Design Time
VB.NET PDF Convert to Word SDK: Convert PDF to Word library in vb.
PDF to Word converter control is a professional and mature RasterEdge VB.NET PDF to Word converter library has All PDF pages can be converted to separate Word
how to rearrange pdf pages; rearrange pages in pdf reader
C# PDF Converter Library SDK to convert PDF to other file formats
This C#.NET PDF converting library is a professional and advanced PDF document manipulating Remarkably, this PDF document converter control for C#.NET
how to rearrange pages in a pdf document; rearrange pages in pdf online
480
Chapter 10 • Developing Web Applications
'building the select statement
sqlString = "SELECT * FROM Orders "
sqlString += "WHERE CustomerID = '" + CustomerID + "'"
'opening the connection
MyConnection = New SqlConnection(sConnectionString)
MyDataAdapter = New SqlDataAdapter(sqlString,
MyConnection)
'getting Data Set
MyDataAdapter.Fill(DS, "Orders")
Return DS
End Function
Because you saw in the previous chapter how to access data from a
database, we don’t delve into this code here.You might have to change
the username and password, depending on your SQL Server setup. Here
we use SqlConnection and SqlDataAdapter instead of
OleDBConnection and OleDBDataAdapter for data retrieval.
SqlConnection and SqlDataSetCommand are part of the ADO.NET and
are optimized for SQL Server to provide more functionality and faster
access than a generic managed provider. In order to use SQL APIs in
our code, we have to import that namespace.
4. To import the SQL namespace, add the import statement to the code:
'other import statements
Imports System.Data.SqlClient
5. Place the following code in the Button Click event:
Dim DS As DataSet
'getting the DataSet with Order Details for the entered
CustomerID
DS = GetOrders(txtCustomerID.Text)
'Binding the DataGrid
dgOrders.DataSource = DS.Tables("Orders").DefaultView
dgOrders.DataBind()
www.syngress.com
VB.NET PDF Library SDK to view, edit, convert, process PDF file
and multiple PDF document (pages) creation and split PDF files; insert, delete, move, rotate, copy Offer professional PDF document metadata editing APIs, using
pdf change page order acrobat; reorder pdf page
C# PDF File Split Library: Split, seperate PDF into multiple files
can not only offer C# developers a professional .NET solution using which C# developers can split target PDF document file by specifying a page or pages.
how to reorder pages in a pdf document; how to move pages in pdf files
Developing Web Applications • Chapter 10
481
This code first defines a variable of type DataSet and then calls the function,
GetOrders, that we wrote previously to get the dataset for the Customer ID
entered by the user. After DataSet is returned by the function into our dataset
variable (DS), the code binds this dataset to the DataGrid. Because the DataSet
can contain multiple tables, we had to set the DataView of the table we want,
which in our case is the Orders table, to the DataSource property of the DataGrid
and then call the DataBind method to finally bind the data to the DataGrid.
6. Save the form and run the application.
7. In the browser, enter the Customer ID HANAR or any other valid
Customer ID from the database and click the button. Once you click
the button, you see all the orders for the customer HANAR. Figure 10.6
shows the output of the DataGrid.
If you look at the HTML source of the page, you will notice that the
DataGrid control generates HTML. Now let’s take a look at the Web form syntax
of the DataGrid control:
<asp:DataGrid id=dgOrders runat="server" ForeColor="Black" 
www.syngress.com
Figure 10.6
Viewing DataGrid Control in a Browser
VB.NET PDF Page Insert Library: insert pages into PDF file in vb.
Professional .NET PDF control for inserting PDF page in Visual Basic .NET class application. Able to add and insert one or multiple pages to existing adobe PDF
how to reorder pages in pdf preview; reorder pages in pdf online
C# PDF Page Insert Library: insert pages into PDF file in C#.net
Guide C# Users to Insert (Empty) PDF Page or Pages from a Supported File Format. Professional adobe PDF page creator SDK for Visual Studio .NET.
change page order pdf; how to move pages in pdf
482
Chapter 10 • Developing Web Applications
Width="188" Height="114" >
<HeaderStyle Font-Bold="True" ForeColor="White"
BackColor="Navy">
</HeaderStyle>
<AlternatingItemStyle BackColor="Silver">
</AlternatingItemStyle>
</asp:DataGrid> 
asp:DataGrid is the DataGrid control in the ASP namespace. In the control
tag, you can see the Width and Height properties.These are used to set the width
and height of the grid. During runtime, the control dynamically expands to gen-
erate a HTML table. Inside the control tag you can see the HeaderStyle and
AlternatingItemStyle tags.These are the properties of the DataGrid we set using
the Properties dialog box.The HeaderStyle property tag is used to set the style of
the table Header, such as font and color. Similarly, the AlternatingItemStyle prop-
erty sets style on the alternate column of the data row.There are other properties,
such as FooterStyle, which is used to set the style in table footer, and ItemStyle,
which is used to set the style of the data rows.That is the reason our grid output
alternating colors for the data.
Exercise 10.4 Customizing DataGrid Control
DataGrid has numerous customization options. Some of these customizations are
not available through the Properties dialog box; instead, they can be handled by
modifying the Web form code. In the previous exercise, the DataGrid control
output all the columns from the database using the table column name as the
header. Instead, let’s show only four columns, OrderID, OrderDate, ShippedDate,
and ShipName, and change the column headings. One way to do this is to
change the Select statement to retrieve only the required fields from the database.
We won’t use this method, though; instead, we will customize the DataGrid con-
trol to show only the required columns.The DataGrid control has another prop-
erty tag called Columns.We will see how to use this property tag in this exercise.
1. Open the Chapter10 Web application project from Exercise 10.3 if it 
is closed.
2. Place the following code between the DataGrid tags.This code allows us
to show only the columns we want:
www.syngress.com
CD Exec.
10.4
C# PDF metadata Library: add, remove, update PDF metadata in C#.
Update and Delete PDF Metadata in .NET Project. Professional PDF SDK for adobe PDF document metadata editing in C# .NET framework.
reorder pages of pdf; change page order in pdf file
C# Create PDF Library SDK to convert PDF from other file formats
NET applications, C# developers can easily use this professional PDF document generating will tell you how to create a PDF document with 2 empty pages.
reorder pdf pages reader; pdf change page order
Developing Web Applications • Chapter 10
483
<Columns>
<asp:BoundColumn datafield="OrderID" headertext="Order ID"/>
<asp:BoundColumn datafield="OrderDate" headertext="Order
Date"/>
<asp:BoundColumn datafield="ShippedDate" headertext="Shipped
Date"/>
<asp:BoundColumn datafield="ShipName" headertext="Ship Name"/>
</Columns>
By explicitly creating the BoundColumn control inside the
DataGrid’s Column collection, we can control the order of each column
and can show only the columns we want.Among the attributes of the
BoundColumn control, datafield represents the data column in the
DataSet and headertext represents the column heading when showing on
a browser.After adding this code to the DataGrid control tag, we have to
tell the DataGrid control to use this property and generate only the
columns we want.
3. Set the autogeneratecolumns attribute of the DataGrid control tag to False,
which forces DataGrid to use only the columns defined in the Column
collection.After making these customizations, your DataGrid control
code should be as follows:
<asp:DataGrid id=dgOrders runat="server" ForeColor="Black" 
Width="188" Height="114"
autogeneratecolumns="False">
<HeaderStyle Font-Bold="True" ForeColor="White"
BackColor="Navy">
</HeaderStyle>
<AlternatingItemStyle BackColor="Silver">
</AlternatingItemStyle>
<Columns>
<asp:BoundColumn datafield="OrderID" headertext="Order
ID"/>
<asp:BoundColumn datafield="OrderDate" headertext="Order
www.syngress.com
C# HTML5 PDF Viewer SDK to view, annotate, create and convert PDF
Help C# users to erase PDF text content, images and pages online in ASP.NET. RasterEdge C#.NET HTML5 PDF Viewer and HTML5 PDF Editor are professional online PDF
pdf reorder pages online; reorder pages in pdf file
C# PDF File Merge Library: Merge, append PDF files in C#.net, ASP.
Professional C#.NET PDF SDK for merging PDF file merging in Visual Studio .NET. Free online C#.NET source code for combining multiple PDF pages together in .NET
how to move pages within a pdf; how to reverse pages in pdf
484
Chapter 10 • Developing Web Applications
Date"/>
<asp:BoundColumn datafield="ShippedDate" 
headertext="Shipped Date"/>
<asp:BoundColumn datafield="ShipName" headertext="Ship
Name"/>
</Columns>
</asp:DataGrid>
4. Compile the application and run it in the browser. Enter the Customer
ID (HANAR) and click the Get Order Details button.The grid con-
trol will output only the columns we asked for.
Observe the output, see that the columns Order Date and Shipped
Date include the time. Here the time is always midnight. Let’s apply 
one more customization to the DataGrid control to format the date
columns. Like the BoundColumn control, DataGrid supports the
TemplateColumn control via which you can specify the content of the
output.
5. To format the order date, we have to replace the OrderDate
BoundColumn control with this TemplateColumn code:
<asp:templatecolumn  headertext="Order Date">
<ItemTemplate>
<%# String.Format("{0:d}", 
Container.DataItem("OrderDate")) %>
</ItemTemplate>
</asp:templatecolumn>
In this code, the attribute headertext pertains to the column header.
Because we are using TemplateColumn instead of BoundColumn, we
have to specify the column content and bind this column with the
DataSet column manually. BoundColumn did this automatically for us,
so the syntax to bind a column in the DataSet to the DataGrid controls
is as follows:
<%# String.Format("{0:d}", Container.DataItem("OrderDate") ) %>
This line might seem familiar to you if you worked with ASP previ-
ously.This line not only binds the OrderDate column, it also formats the
column to dd/mm/yyyy format.
www.syngress.com
Developing Web Applications • Chapter 10
485
6. Similarly, to format the ShippedDate column, replace the BoundColumn
control for ShippedDate with the following:
<asp:templatecolumn  headertext="Shipped Date">
<ItemTemplate>
<%# String.Format("{0:d}",
Container.DataItem("ShippedDate") ) %>
</ItemTemplate>
</asp:templatecolumn>
7. Compile the program and in the browser enter the Customer ID
HANAR.After pressing the button, you will see the output nicely 
formatted with only the columns we want.The output is shown in
Figure 10.7.
So far, we have applied customizations to narrow the fields we want to show
and format the fields using TemplateColumn.The complete code of the
ASP.NET DataGrid control after the customizations is as follows:
www.syngress.com
Figure 10.7
Customized DataGrid Control
486
Chapter 10 • Developing Web Applications
<asp:DataGrid id=dgOrders runat="server" ForeColor="Black" 
Width="188" Height="114"
autogeneratecolumns="False">
<HeaderStyle Font-Bold="True" ForeColor="White"
BackColor="Navy">
</HeaderStyle>
<AlternatingItemStyle BackColor="Silver">
</AlternatingItemStyle>
<Columns>
<asp:BoundColumn datafield="OrderID" headertext="Order ID"/>
<asp:templatecolumn  headertext="Order Date">
<ItemTemplate>
<%# String.Format("{0:d}", 
Container.DataItem("OrderDate")) %>
</ItemTemplate>
</asp:templatecolumn>
<asp:templatecolumn  headertext="Shipped Date">
<ItemTemplate>
<%# String.Format("{0:d}",
Container.DataItem("ShippedDate") ) %>
</ItemTemplate>
</asp:templatecolumn>
<asp:BoundColumn datafield="ShipName" headertext="Ship
Name"/>
</Columns>
</asp:DataGrid>
The DataGrid control also supports another useful tool: paging. Paging allows
you to set the number of rows per page and navigate from one page to another
with little code. It also allows editing data in a column, deleting the row, and
sorting.
www.syngress.com
Developing Web Applications • Chapter 10
487
Web.config
In the function that we wrote to access the database and retrieve a customer’s
orders in a dataset, we hardcoded the connection string:
sConnectionString = "Server=localhost; Database=Northwind;"
sConnectionString += "UID=sa; pwd=;"
ASP.NET gives us the ability to store all the configurations of the application
in an XML file. In the Solution Explorer of our project, open the file
Web.config. In this file we can store our application settings and then retrieve
them wherever we want. Let’s store the connection string to the database in this
file and then retrieve it in our function.As mentioned earlier,Web.config uses
XML format, so we add the following XML string to the end of this file:
<appsettings>
<add key="DSN" 
value="Server=localhost; Database=Northwind; UID=sa;
pwd=;" />
</appsettings>
In order to retrieve the configuration settings, you must use the GetConfig
method of the System.Web.HttpContext.The GetConfig method returns a
hashtable similar to the Dictionary object.The following code illustrates how to
access the configuration data:
sConnectionString = Context.GetConfig("appSettings")("DSN")
So, we can use Web.config for storing application settings.Additionally,
Web.config is used to store all the configuration settings of the application, such
as session management, tracing options, security, references to assemblies, and Web
services.The settings that we specify in Web.config override the default configu-
ration settings.You can find the default Web.config settings under C:\WINNT\
Microsoft.NET\Framework\version\CONFIG\Machine.config (here version
stands for the current version of .NET Framework).
Custom Controls
ASP.NET ships with certain custom controls to add more functionality to the
Web forms.These custom controls facilitate the creation of rich user interfaces.
Beta 2 ASP.NET is shipped with the Calendar control and AdRotator control.
Microsoft is planning to provide more controls when it officially launches the
www.syngress.com
Documents you may be interested
Documents you may be interested