Member 13466203 Ответов: 1

Как увеличить размер кликаемого изображения, отображаемого только из gridview, в котором много сущностей подряд?


Я вывел свой gridView из базы данных в моем ASP web, и в нем есть строки и столбцы. В одном из колунм рядов есть изображение. Знайте, что я хочу увеличить только щелкнутое изображение, а не весь вид сетки. На данный момент я масштабирую весь вид сетки. Мой сайт [УДАЛЕННЫЙ] я из Намибии.

Что я уже пробовал:

мой метод

function ShowFull(ctrl) {
    ctrl.style.height = '100px';
    ctrl.style.width = '200px';
}


Мой Источник Данных GridView
  <asp:GridView ID="GridView5" runat="server" onclick="ShowFull(this)" Font-Size="14px"  AutoGenerateColumns="False" HorizontalAlign="Center" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" DataKeyNames="Phone" DataSourceID="SqlDataSource1" EmptyDataText="Sorry there is no transport available to your destination currently, please come and check later." Width="940px">
    <columns>
      
        <asp:BoundField DataField="To" HeaderText="To" SortExpression="To" />
        <asp:BoundField DataField="From" HeaderText="From" SortExpression="From" />
        <asp:BoundField DataField="Date" HeaderText="Date" SortExpression="Date" />
           
        <asp:BoundField DataField="Car_Make" HeaderText="Car make" SortExpression="Car_Make" />
        <asp:BoundField DataField="Space" HeaderText="Space" SortExpression="Space" />
        <asp:BoundField DataField="Time" HeaderText="Departure time" SortExpression="Time" />
           
        <asp:ImageField DataImageUrlField="Picture" HeaderText="Picture">
            <ControlStyle Height="60px" Width="95px" />
                 
           
        <asp:BoundField DataField="Phone" HeaderText="Contact" ReadOnly="True" SortExpression="Phone" />
        <asp:BoundField DataField="Name" HeaderText="Driver's Name" SortExpression="Name" />
        <asp:BoundField DataField="Gender" HeaderText="Gender" SortExpression="Gender" />
        <asp:BoundField DataField="Driver_Age" HeaderText="Driver's age" SortExpression="Driver_Age" />
            
        <FooterStyle BackColor="White" ForeColor="#000066" />
        <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
        <RowStyle ForeColor="#000066" />
        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
        <SortedAscendingCellStyle BackColor="#F1F1F1" />
        <SortedAscendingHeaderStyle BackColor="#007DBB" />
        <SortedDescendingCellStyle BackColor="#CAC9C9" />
        <SortedDescendingHeaderStyle BackColor="#00547E" />
        
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:ntbDatabasesConnectionString1 %>" 
    DeleteCommand="DELETE FROM [tableWhkNorth] WHERE [Phone] = @Phone" 
    InsertCommand="INSERT INTO [tableWhkNorth] ([Phone], [From], [To], [Date], [Time], [Space], [Name], [Driver_Age], [Gender], [Car_Make], [Picture]) VALUES (@Phone, @From, @To, @Date, @Time, @Space, @Name, @Driver_Age, @Gender, @Car_Make, @Picture)" 
    ProviderName="<%$ ConnectionStrings:ntbDatabasesConnectionString1.ProviderName %>" 
    SelectCommand="SELECT [Phone], [From], [To], [Date], [Time], [Space], [Name], [Driver_Age], [Gender], [Car_Make], [Picture] FROM [tableWhkNorth]" 
    UpdateCommand="UPDATE [tableWhkNorth] SET [From] = @From, [To] = @To, [Date] = @Date, [Time] = @Time, [Space] = @Space, [Name] = @Name, [Driver_Age] = @Driver_Age, [Gender] = @Gender, [Car_Make] = @Car_Make, [Picture] = @Picture WHERE [Phone] = @Phone"
>
    <deleteparameters>
        <asp:Parameter Name="Phone" Type="String" />
    
    <insertparameters>
        <asp:Parameter Name="Phone" Type="String" />
        <asp:Parameter Name="From" Type="String" />
        <asp:Parameter Name="To" Type="String" />
        <asp:Parameter Name="Date" Type="String" />
        <asp:Parameter Name="Time" Type="String" />
        <asp:Parameter Name="Space" Type="Int32" />
        <asp:Parameter Name="Name" Type="String" />
        <asp:Parameter Name="Driver_Age" Type="Int32" />
        <asp:Parameter Name="Gender" Type="String" />
        <asp:Parameter Name="Car_Make" Type="String" />
        <asp:Parameter Name="Picture" Type="String" />
    
    <updateparameters>
        <asp:Parameter Name="From" Type="String" />
        <asp:Parameter Name="To" Type="String" />
        <asp:Parameter Name="Date" Type="String" />
        <asp:Parameter Name="Time" Type="String" />
        <asp:Parameter Name="Space" Type="Int32" />
        <asp:Parameter Name="Name" Type="String" />
        <asp:Parameter Name="Driver_Age" Type="Int32" />
        <asp:Parameter Name="Gender" Type="String" />
        <asp:Parameter Name="Car_Make" Type="String" />
        <asp:Parameter Name="Picture" Type="String" />
        <asp:Parameter Name="Phone" Type="String" />

Richard Deeming

Я удалил ссылку на ваш сайт, так как это делает вопрос похожим на спам.

Я также отформатировал ваш код.

1 Ответов

Рейтинг:
2

A_Griffin

в принципе, вам нужно добавить код к Событие RowDataBound GridView [^] и найти изображение в соответствующей ячейке-вероятно, что-то вроде

Image img = (Image)e.Row.Cells(6).Controls(0); (C#)
Dim img as Image = CType(e.Row.Cells(6).Controls(0), Image)  (VB)
или что-то в этом роде... затем добавьте соответствующую функцию JavaScript в событие click, вставив CLientID элемента управления
img.Attributes.Add("onclick", "ShowFull('" + img.ClientID + "')")