May 06, 2013, 10:04 AM
[CLOSED] How to setup ImageCommandColumn's border-bottom line?
HI Ext.net Team,
I want to show bold line in Grid, but the line will be interrupted in ImageCommandColumn column.
Do you have any idea?
And there is my code:
I want to show bold line in Grid, but the line will be interrupted in ImageCommandColumn column.
Do you have any idea?
And there is my code:
<script type="text/javascript">
var getRowClass = function (record, index) {
var nextidx = index + 1;
var count = MainStore.getCount();
var curr = record.data.PClass;
var nextpclass = '';
if (nextidx < count) {
nextpclass = MainStore.getAt(nextidx).data.PClass;
if (nextpclass != curr) {
return "borderline";
}
else {
return "";
}
}
}
</script>
<style type="text/css">
.borderline {
}
.borderline .x-grid-cell-inner {
border-bottom: 1px solid black;
}
</style>
<ext:GridPanel ID="MainGrid" runat="server" StoreID="MainStore" Title="Sample Grid" Region="Center" StyleSpec="z-index:1" Height="455" Scroll="Both" Border="false" RowLines="true">
<ColumnModel ID="MainColumnModel" runat="server">
<Columns>
<ext:RowNumbererColumn runat="server" ID="colRowNum" Text="No" Width="30" />
<ext:ImageCommandColumn runat="server" ID="colProdImg" Width="30" Align="Center" >
<Commands>
<ext:ImageCommand CommandName="ProdImage" Icon="Picture" ToolTip-Text="Click to show item's picture" Style="margin-left:5px !important;"/>
</Commands>
</ext:ImageCommandColumn>
<ext:DateColumn runat="server" ID="colStartDate" DataIndex="StartDate" Text="Start Date" Width="95" Align="Center"/>
<ext:DateColumn runat="server" ID="colEndDate" DataIndex="EndDate" Text="End Date" Width="95" Align="Center"/>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server"></ext:RowSelectionModel>
</SelectionModel>
<View>
<ext:GridView ID="GridView1" runat="server">
<GetRowClass Fn="getRowClass" />
</ext:GridView>
</View>
</ext:GridPanel>
Sincerely,
Last edited by Daniil; May 06, 2013 at 3:04 PM.
Reason: Please use [CODE] tags, [CLOSED]