Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Grid Excel Style Editable Column in Google Chrome does not working.

Grid Excel Style Editable Column in Google Chrome does not working. Options
Previous Topic · Next Topic
randt12881
Posted: Saturday, September 19, 2009 6:01:37 PM
Rank: Newbie
Groups: Member

Joined: 7/17/2009
Posts: 3
I have developed some of Web application with Grid whis has 20 columns and to see 200 rows and

In Grid, it has setting Grid1.FullRowMode = true , EnableKeyboardNavigation="True" to entry data
into grid cell directly like Excel.

My application work on Google Chrome, Performance and response time was very very speedy
to compare any other Browser like IE6,IE7.

But, Some input cell does not work that 6 columne of 10 column did not work like static columns
and 4 columns of 10 works fine like excel.

What should i do to fix this problem in Grid and Chrome Browser.

I would attach the source of grid as below

Very Thansks

<eo:Grid ID="Grid1" runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" BorderColor="#7F9DB9" BorderWidth="1px"
ColumnHeaderAscImage="00050104" ColumnHeaderDescImage="00050105" ColumnHeaderDividerImage="00050103"
FixedColumnCount="1" Font-Names="Tahoma" Font-Size="8.75pt" GridLineColor="220, 223, 228"
GridLines="Both" Height="400px" Width= "1100px"
Visible="False" FullRowMode="False" GoToBoxVisible="True"
EnableKeyboardNavigation="True">

<ItemStyles>
<eo:GridItemStyleSet>
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-color: whitesmoke" />
<SelectedStyle CssText="background-color: #316ac5; color: white" />
<FixedColumnCellStyle CssText="border-right: #d6d2c2 1px solid; padding-right: 10px; border-top: #faf9f4 1px solid; border-left: #faf9f4 1px solid; border-bottom: #d6d2c2 1px solid; background-color: #ebeadb; text-align: right; color: black;" />
<CellStyle CssText="padding-left:8px;padding-top:2px;white-space:nowrap;" />
</eo:GridItemStyleSet>
</ItemStyles>
<Columns>
<eo:RowNumberColumn AllowResize="False" Width="40">
</eo:RowNumberColumn>
<eo:StaticColumn DataField="PCODE" HeaderText="KBA" Width="45">
</eo:StaticColumn>
<eo:StaticColumn DataField="suppliercode" HeaderText="Sulp-Code" Width="70">
</eo:StaticColumn>
<eo:StaticColumn DataField="HD" HeaderText="HD" Width="80">
</eo:StaticColumn>
<eo:StaticColumn DataField="DESP" HeaderText="Descrp">
</eo:StaticColumn>
<eo:StaticColumn AllowResize="False" DataField="Size" HeaderText="Size" Width="43">
</eo:StaticColumn>
<eo:StaticColumn AllowResize="False" DataField="B_PACK" HeaderText="B-pk" Width="35">
</eo:StaticColumn>
<eo:StaticColumn AllowResize="False" DataField="C_PACK" HeaderText="C-pk" Width="35">
</eo:StaticColumn>
<eo:StaticColumn AllowResize="False" DataField="C_LYER" HeaderText="C-lyr" Width="35">
</eo:StaticColumn>
<eo:StaticColumn AllowResize="False" DataField="C_PLT" HeaderText="C-plt" Width="35">
</eo:StaticColumn>
<eo:StaticColumn AllowResize="False" DataField="PO_UNIT" HeaderText="Po" Width="35">
</eo:StaticColumn>
<eo:StaticColumn AllowResize="False" DataField="INV_UNIT" HeaderText="Inv." Width="35">
</eo:StaticColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="HF"
HeaderText="Of" Width="50">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="MB"
HeaderText="Mb" Width="40">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="WT"
HeaderText="Wt" Width="40">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="WS"
HeaderText="Cd" Width="50">
</eo:TextBoxColumn>
<eo:StaticColumn AllowResize="False" DataField="TOT" HeaderText="TOT" Width="40">
<CellStyle CssText="font-weight:bold;" />
</eo:StaticColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="REG"
HeaderText="Reg" Width="50">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="INV"
HeaderText="Inv" Width="50">
<CellStyle CssText="font-weight:bold;" />
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="INV"
HeaderText="Inv" Width="50">
<CellStyle CssText="font-weight:bold;" />
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="NET"
HeaderText="Net" Width="50">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="UNIT"
HeaderText="Unit" Width="50">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" ClientSideEndEdit="endedit_handler" DataField="PCASE"
HeaderText="Case" Width="50">
</eo:TextBoxColumn>

</Columns>

<ColumnTemplates>
<eo:TextBoxColumn>
<TextBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8.75pt; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma" />
</eo:TextBoxColumn>
<eo:DateTimeColumn>
<DatePicker ControlSkinID="None" DayCellHeight="16" DayCellWidth="19" DayHeaderFormat="FirstLetter"
DisabledDates="" OtherMonthDayVisible="True" SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
TitleRightArrowImageUrl="DefaultSubMenuIcon">
<TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
<SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<PickerStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;font-family:Courier New;font-size:8pt;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<TitleArrowStyle CssText="cursor:hand" />
<DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px" />
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid" />
<DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
</DatePicker>
</eo:DateTimeColumn>
<eo:MaskedEditColumn>
<MaskedEdit ControlSkinID="None" TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:8pt;">
</MaskedEdit>
</eo:MaskedEditColumn>
</ColumnTemplates>
<ColumnHeaderStyle CssText="background-image:url('00050101');padding-left:8px;padding-top:3px;" />
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
<ContentPaneStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;" />
<GoToBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 40px; BORDER-BOTTOM: #7f9db9 1px solid" />
</eo:Grid>


Thansks a lot!
John.
Back to top
 
eo_support
Posted: Monday, September 21, 2009 7:32:12 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We tested your code and it works fine on Chrome. All TextBoxColumns ("Of", "Mb", "Wt", "Cd", "Reg", "Inv", "Net", "Unit" and "Case") works fine. I do notice that you have custom endedit_handler. So you may wish to try removing that and see if it works. That won't solve the problem for you, but may help you to find out what's wrong.

Thanks!
Back to top
 


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.