Question

当我在购买选项卡中单击编辑网格视图单元格模式很好但在销售选项卡网格视图单元格模式不准确我想要的....我不明白我现在应该做什么...我想要销售选项卡单元格模式为购买标签单元格模式。希望你能帮助我

我想包含图片以便更好地理解

及其HTML代码

      <asp:GridView ID="GridView1" runat="server" CssClass="dataGridTable" AutoGenerateColumns="False" Width="100%" AllowPaging="True" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" DataSourceID="ObjectDataSource1" HeaderStyle-Height="30" OnRowCreated="GridView1_RowCreated" PageSize="30" DataKeyNames="invoiceNumber,productName,productCategory" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" OnRowDeleting="GridView1_RowDeleting" OnRowUpdating="GridView1_RowUpdating" OnRowDataBound="GridView1_RowDataBound">
                            <Columns>

                                <asp:CommandField ShowEditButton="true"/>
                                <asp:TemplateField ShowHeader="False">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Delete" Text="Delete"></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:BoundField DataField="invoiceNumber" HeaderText="Invoice" ReadOnly="true" SortExpression="invoiceNumber" />
                                <asp:BoundField DataField="productName" HeaderText="Name" ReadOnly="true" SortExpression="productName" />
                                <asp:BoundField DataField="productCategory" HeaderText="Category" ReadOnly="true" SortExpression="productCategory" />
                                <asp:BoundField DataField="totalQuantity" HeaderText="Quantity" SortExpression="totalQuantity" />
                                <asp:BoundField DataField="totalPurchasePrice" HeaderText="Total Price" SortExpression="totalPurchasePrice" />
                                <asp:BoundField DataField="salePricePerItem" HeaderText="Sale Price/Item" SortExpression="salePricePerItem" />
                                <asp:BoundField DataField="comments" HeaderText="Comments" SortExpression="comments" />
                                <asp:BoundField DataField="date" HeaderText="Date" ReadOnly="true" SortExpression="date" />

                                
                                 <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:ImageButton ID="ImageButton1" runat="server" Height="24px" ImageUrl="~/Images/detailsInfo.png" Width="24px" OnClick="ImageButton1_Click" />
                                    </ItemTemplate>
                                </asp:TemplateField>

                            </Columns>

                            <FooterStyle BackColor="White" ForeColor="#000066" />
                            <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" CssClass="gridHeaderAlignment" />
                            <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                            <RowStyle ForeColor="#000066" HorizontalAlign="Center" VerticalAlign="Middle" />
                            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                            <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                            <SortedAscendingCellStyle BackColor="#F1F1F1" />
                            <SortedAscendingHeaderStyle BackColor="#007DBB" />
                            <SortedDescendingCellStyle BackColor="#CAC9C9" />
                            <SortedDescendingHeaderStyle BackColor="#00547E" />
                        </asp:GridView>

及其HTML代码

                        <asp:GridView ID="GridView1" runat="server" CssClass="dataGridTable" AutoGenerateColumns="False" Width="100%"  AllowPaging="True" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" DataSourceID="ObjectDataSource1" HeaderStyle-Height="30" OnRowCreated="GridView1_RowCreated" PageSize="30" OnRowDeleting="GridView1_RowDeleting" OnRowUpdating="GridView1_RowUpdating" DataKeyNames="invoiceNumber,productName,productCategory">
                            <Columns>
                               
                                <asp:CommandField ShowEditButton="True" />
                                <asp:TemplateField ShowHeader="False">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Delete" Text="Delete"></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:BoundField DataField="invoiceNumber" HeaderText="Invoice" ReadOnly="true" SortExpression="invoiceNumber" />
                                <asp:BoundField DataField="productName" HeaderText="Name" ReadOnly="true" SortExpression="productName" />
                                <asp:BoundField DataField="productCategory" HeaderText="Category" ReadOnly="true" SortExpression="productCategory" />
                                <asp:BoundField DataField="totalQuantity" HeaderText="Quantity" SortExpression="totalQuantity" />
                                <asp:BoundField DataField="totalPrice" HeaderText="Price" SortExpression="totalPrice" />
                                <asp:BoundField DataField="paidAmount" HeaderText="Paid Amount" SortExpression="paidAmount" />
                                <asp:BoundField DataField="comments" HeaderText="Comments" SortExpression="comments" />
                                <asp:BoundField DataField="date" HeaderText="Date" ReadOnly="true" SortExpression="date" />

                                 <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:ImageButton ID="ImageButton1" runat="server" Height="24px" ImageUrl="~/Images/detailsInfo.png" Width="24px" OnClick="ImageButton1_Click" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                               
                            </Columns>

                            <FooterStyle BackColor="White" ForeColor="#000066" />
                            <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" CssClass="gridHeaderAlignment" />
                            <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                            <RowStyle ForeColor="#000066" HorizontalAlign="Center" VerticalAlign="Middle" />
                            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                            <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                            <SortedAscendingCellStyle BackColor="#F1F1F1" />
                            <SortedAscendingHeaderStyle BackColor="#007DBB" />
                            <SortedDescendingCellStyle BackColor="#CAC9C9" />
                            <SortedDescendingHeaderStyle BackColor="#00547E" />
                        </asp:GridView>

Answer 1

您需要绑定字段的ItemStyle和ControlStyle属性。 ItemStyle修改gridview列的样式，ControlStyle修改gridview列中存在的控件样式。

    <asp:BoundField DataField="totalQuantity" HeaderText="Quantity" SortExpression="totalQuantity" />
       <ItemStyle Width="200px" />
       <ControlStyle Width="100%" />
    </asp:BoundField>

根据您的意愿调整宽度。如果你想要概括你的样式，你也可以使用ControlStyle-CssClass或ItemStyle-CssClass。

编辑模式下的网格视图单元格间距为asp.net

1 个答案: