Hi Telerik,
You can see the results below and understand what I say.
I use edit form template for insert or update a record,
It looks fine when editing, but bad when adding.
FireFox and Opera work fine!
Any idea to solve this program?
Code:
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="pageMgrChannelIn.aspx.cs" Inherits="_ASP_Channels_pageMgrChannelIn" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| <style type="text/css"> |
| body { font-family:Courier New; } |
| #tableEditForm { font-size:medium; width:600px; } |
| #tableEditForm .Col1 { font-size:medium; width:140px; text-align:right; } |
| #tableEditForm .Col2 { font-size:medium; width:360px; text-align:left; } |
| .editItem { font-size:medium; font-family:Courier New; } |
| </style> |
| </head> |
| <body> |
| <form id="_frmMgrChannel" runat="server"> |
| <telerik:RadScriptManager ID="_managerScript" runat="server" /> |
| <telerik:RadSkinManager ID="_managerSkin" runat="server" Skin="Vista" /> |
| <telerik:RadAjaxManager ID="_managerAjax" runat="server" DefaultLoadingPanelID="_pnlAjaxLoad"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="_gridChannel"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="_gridChannel" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="_pnlAjaxLoad" runat="server" /> |
| <telerik:RadScriptBlock ID="_scriptBlock" runat="server"> |
| <script language="javascript" type="text/javascript" src="../../_Javascripts/jsPageMgrChannelIn.js"></script> |
| <script language="javascript" type="text/javascript"> |
| function pageLoad() { m_oView = $find("<%= _gridChannel.ClientID %>").get_masterTableView(); } |
| </script> |
| </telerik:RadScriptBlock> |
| <telerik:RadGrid ID="_gridChannel" runat="server" DataSourceID="_dsoChannelIn" GridLines="None" Height="600" AllowSorting="true"> |
| <ClientSettings> |
| <Scrolling AllowScroll="true" UseStaticHeaders="true" /> |
| <Selecting AllowRowSelect="true" /> |
| <ClientEvents OnPopUpShowing="_grid_OnPopUpShowing" OnCommand="_grid_OnCommand" /> |
| </ClientSettings> |
| <MasterTableView AllowAutomaticInserts="true" AllowAutomaticUpdates="true" |
| AutoGenerateColumns="false" CommandItemDisplay="Top" |
| AlternatingItemStyle-Font-Size="Medium" AlternatingItemStyle-Font-Names="Courier New" |
| ItemStyle-Font-Size="Medium" ItemStyle-Font-Names="Courier New" |
| DataKeyNames="channelInID" ClientDataKeyNames="channelInID" |
| EditMode="EditForms" EditFormSettings-PopUpSettings-Modal="true"> |
| <Columns> |
| <telerik:GridEditCommandColumn ButtonType="ImageButton" UpdateText="修改" /> |
| <telerik:GridBoundColumn DataField="channelInID" DataType="System.String" HeaderText="新聞管道代碼" UniqueName="channelInID" SortExpression="channelInID" MaxLength="8" /> |
| <telerik:GridBoundColumn DataField="channelInName" DataType="System.String" HeaderText="新聞管道" UniqueName="channelInName" SortExpression="channelInName" MaxLength="16" /> |
| <telerik:GridNumericColumn DataField="keepDays" DataType="System.Int16" HeaderText="保存日數" UniqueName="keepDays" SortExpression="keepDays" MaxLength="3" /> |
| <telerik:GridDropDownColumn DataField="channelType" DataType="System.String" HeaderText="管道類別" UniqueName="channelType" SortExpression="channelType" DataSourceID="_dsxChannelType" ListTextField="text" ListValueField="value" DropDownControlType="RadComboBox" /> |
| <telerik:GridDropDownColumn DataField="channelEditIDCopy" DataType="System.String" HeaderText="複製至編輯台" UniqueName="channelEditIDCopy" SortExpression="channelEditIDCopy" DataSourceID="_dsxChannelEdit" ListTextField="text" ListValueField="value" DropDownControlType="RadComboBox" /> |
| <telerik:GridDropDownColumn DataField="language" DataType="System.String" HeaderText="語系" UniqueName="language" SortExpression="language" DataSourceID="_dsxLanguage" ListTextField="text" ListValueField="value" DropDownControlType="RadComboBox" /> |
| </Columns> |
| <EditFormSettings EditFormType="Template" InsertCaption="新增" CaptionFormatString="修改 {0}" CaptionDataField="channelInID" |
| FormMainTableStyle-Font-Size="Medium" PopUpSettings-Width="500" PopUpSettings-Modal="true"> |
| <FormTemplate> |
| <table id="tableEditForm" rules="none"> |
| <thead><tr><td></td><td></td></tr></thead> |
| <tbody> |
| <tr> |
| <td class="Col1"><label>新聞管道代碼</label></td> |
| <td class="Col2"><telerik:RadTextBox ID="_txtChannelInID" runat="server" MaxLength="8" Font-Size="Medium" Font-Names="Courier New" Width="200" Text='<%# Bind("channelInID") %>' /></td> |
| </tr> |
| <tr> |
| <td class="Col1"><label>新聞管道</label></td> |
| <td class="Col2"><telerik:RadTextBox ID="_txtChannelInName" runat="server" MaxLength="16" Font-Size="Medium" Font-Names="Courier New" Width="200" Text='<%# Bind("channelInName") %>' /></td> |
| </tr> |
| <tr> |
| <td class="Col1"><label>保存日數</label></td> |
| <td class="Col2"><telerik:RadNumericTextBox ID="_txtKeepDays" runat="server" Font-Size="Medium" Font-Names="Courier New" MaxLength="3" MaxValue="999" MinValue="0" NumberFormat-DecimalDigits="0" Text='<%# Bind("keepDays") %>' /></td> |
| </tr> |
| <tr> |
| <td class="Col1"><label>管道類別</label></td> |
| <td class="Col2"><telerik:RadComboBox ID="_cboChannelType" runat="server" Font-Size="Medium" Font-Names="Courier New" Width="300" DataSourceID="_dsxChannelType" DataValueField="value" DataTextField="text" DropDownCssClass="editItem" SelectedValue='<%# Bind("channelType") %>' /></td> |
| </tr> |
| <tr> |
| <td class="Col1"><label>複製至編輯台</label></td> |
| <td class="Col2"><telerik:RadComboBox ID="_cboChannelEditIDCopy" runat="server" Font-Size="Medium" Font-Names="Courier New" Width="300" DataSourceID="_dsxChannelEdit" DataValueField="value" DataTextField="text" DropDownCssClass="editItem" SelectedValue='<%# Bind("channelEditIDCopy") %>' /></td> |
| </tr> |
| <tr> |
| <td class="Col1"><label>語系</label></td> |
| <td class="Col2"><telerik:RadComboBox ID="_cboLanguage" runat="server" Font-Size="Medium" Font-Names="Courier New" Width="300" DataSourceID="_dsxLanguage" DataValueField="value" DataTextField="text" DropDownCssClass="editItem" SelectedValue='<%# Bind("language") %>' /></td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr><td colspan="2"> |
| <asp:Button ID="_btnUpdate" runat="server" CommandName="Update" CausesValidation="true" Text="儲存" /> |
| <asp:Button ID="_btnCancel" runat="server" CommandName="Cancel" CausesValidation="false" Text="取消" /> |
| </td></tr> |
| </tfoot> |
| </table> |
| </FormTemplate> |
| </EditFormSettings> |
| </MasterTableView> |
| </telerik:RadGrid> |
| <asp:XmlDataSource ID="_dsxLanguage" runat="server" DataFile="~/App_Data/uiData/comboLanguage.xml" XPath="/Items/Item" /> |
| <asp:XmlDataSource ID="_dsxChannelEdit" runat="server" DataFile="~/App_Data/uiData/comboChannelEdit.xml" XPath="/Items/Item" /> |
| <asp:XmlDataSource ID="_dsxChannelType" runat="server" DataFile="~/App_Data/uiData/comboChannelType.xml" XPath="/Items/Item" /> |
| <asp:ObjectDataSource ID="_dsoChannelIn" runat="server" SelectMethod="dt_getChannel" TypeName="clsAP_uiData"> |
| <SelectParameters> |
| <asp:Parameter Name="sChannelType" Type="String" DefaultValue="In" /> |
| </SelectParameters> |
| </asp:ObjectDataSource> |
| </form> |
| </body> |
| </html> |
RadGrid in web page has hyperlink command column, clicking the link to show a modal RadWindow by Javascript. The popup window needs to be shown in the center of current viewing window. However, if the RadGrid has more 50 rows, the page becomes large, browser shows the veritical scrollbar. Scrolling to the end of page and click on the last hyperlink to show RadWindow. Now, the browser moving to the top of the page and the popup window is shown on top, then browser is moving down to the bottom. You can only see the partial popup window, because its position is too high. How to display modal RadWindow right in the center of current viewing window instead of top center of page?
Here is the code snippet.
| function OpenDetailWindow() { |
| var oWin = $find("<%= DetailWindow.ClientID %>"); |
| oWin.show(); |
| } |
| <telerik:RadWindow |
| id="DetailWindow" |
| runat="server" |
| Modal="true" |
| Width="780px" |
| Height="580px" |
| Skin="NonTrans" |
| Behaviors="None" |
| InitialBehaviors="None" |
| VisibleStatusbar="false" |
| VisibleTitlebar="false" |
| ViewStateMode="Enabled" |
| KeepInScreenBounds="true" |
| EnableEmbeddedSkins="false" |
| EnableEmbeddedBaseStylesheet="false"> |
| <ContentTemplate> |
| <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="true"> |
| <div class="transmodtop"> |
| <p class="transmodhelpx"><a href="#"><img alt="Close" onclick="javascript:CloseDetailWindow();" src="../images/help_x.gif" /></a></p> |
| </div> |
| <div class="transmodbg"> |
| <div class="transmodcontent"> |
| <uc:TransactionDetail ID="transDetail" runat="server"></uc:TransactionDetail> |
| <div class="transmodrule"></div> |
| <div class="transmodbut"><asp:HyperLink ID="CloseDetailWinLink" runat="server" NavigateUrl="javascript:CloseDetailWindow();" CssClass="blu_button"></asp:HyperLink></div> |
| </div> |
| </div> |
| </telerik:RadAjaxPanel> |
| </ContentTemplate> |
| </telerik:RadWindow> |
Why GridCalculatedColumn does not display decimal numbers?
| <telerik:GridCalculatedColumn DataFields="CustomersActivated,Customers" Expression="({0}/{1})*100" DataType="System.Double" DataFormatString="{0:f}" telerik:GridCalculatedColumn/> |
For values like 1 and 300 grid displays "0.00" instead of "0.33"

| <telerik:RadGrid ID="RadGridAspnetUsers" runat="server" DataSourceID="ObjectDataSourceAspnetUser" |
| EnableEmbeddedSkins="False" GridLines="None" Skin="MachinaWeb" OnDetailTableDataBind="RadGridAspnetUsers_DetailTableDataBind" |
| OnItemCommand="RadGridAspnetUsers_ItemCommand" Height="670px"> |
| <ClientSettings EnablePostBackOnRowClick="True" AllowExpandCollapse="False" AllowGroupExpandCollapse="False"> |
| <Selecting AllowRowSelect="True" /> |
| <Scrolling AllowScroll="True" EnableVirtualScrollPaging="True" /> |
| </ClientSettings> |
| <MasterTableView AutoGenerateColumns="False" DataSourceID="ObjectDataSourceAspnetUser" |
| DataKeyNames="UserId"> |
| <CommandItemTemplate> |
| </CommandItemTemplate> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px" /> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn DataField="Cognome" HeaderText="Cognome" SortExpression="Cognome" |
| UniqueName="Cognome" ItemStyle-Width="120px"> |
| <ItemStyle Width="200px" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Nome" HeaderText="Nome" SortExpression="Nome" |
| UniqueName="Nome" ItemStyle-Width="120px"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="UserId" DataType="System.Guid" HeaderText="UserId" |
| SortExpression="UserId" UniqueName="UserId" Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="UserName" HeaderText="UserName" SortExpression="UserName" |
| UniqueName="UserName" ItemStyle-Width="100px"> |
| <ItemStyle Width="100px" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Email" HeaderText="Email" SortExpression="Email" |
| UniqueName="Email" ItemStyle-Width="120px"> |
| <ItemStyle Width="200px" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="UserId" HeaderText="UserId" SortExpression="UserId" |
| UniqueName="UserId" ItemStyle-Width="150px" Visible="false"> |
| <ItemStyle Width="150px" /> |
| </telerik:GridBoundColumn> |
| </Columns> |
| <EditFormSettings> |
| <EditColumn> |
| </EditColumn> |
| </EditFormSettings> |
| <DetailTables> |
| <telerik:GridTableView runat="server" DataSourceID="ObjectDataSourceUtenti" EnableEmbeddedSkins="False" |
| GridLines="None" Skin="MachinaWeb" OnItemCommand="ccc" |
| AutoGenerateColumns="false" CssClass="RadGridUtentiMachinaDetailTable" Width="700px"> |
| <ParentTableRelation> |
| <telerik:GridRelationFields DetailKeyField="IdUtenteAsp" MasterKeyField="UserId" /> |
| </ParentTableRelation> |
| <Columns> |
| <telerik:GridBoundColumn DataField="IdUtente" DataType="System.Int64" HeaderText="IdUtente" |
| SortExpression="IdUtente" UniqueName="IdUtente" Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="IdUtenteAsp" HeaderText="IdUtenteAsp" SortExpression="IdUtenteAsp" |
| UniqueName="IdUtenteAsp" DataType="System.Guid" Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="UserName" HeaderText="UserName" SortExpression="UserName" |
| UniqueName="UserName" Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="IdCultura" DataType="System.Int64" HeaderText="IdCultura" |
| ReadOnly="True" SortExpression="IdCultura" UniqueName="IdCultura" Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridDropDownColumn DataField="IdAzienda" HeaderText="Azienda" SortExpression="Azienda" |
| UniqueName="Azienda" ListTextField="NomeAzienda" ListValueField="IdAzienda" DataSourceID="ObjectDataSourceAzienda" ItemStyle-Width="100px"> |
| </telerik:GridDropDownColumn> |
| <telerik:GridDropDownColumn HeaderText="Cultura" SortExpression="Cultura" DataSourceID="ObjectDataSourceCultura" |
| ListTextField="Cultura" ListValueField="IdCultura" DataField="IdCultura" UniqueName="Cultura" |
| ItemStyle-Width="40px"> |
| <ItemStyle Width="40px" /> |
| </telerik:GridDropDownColumn> |
| <telerik:GridBoundColumn DataField="IdGruppo" HeaderText="IdGruppo" SortExpression="IdGruppo" |
| UniqueName="IdGruppo" Visible="false" ReadOnly="True"> |
| </telerik:GridBoundColumn> |
| <telerik:GridDropDownColumn HeaderText="Gruppo" SortExpression="Gruppo" UniqueName="Gruppo" |
| DataField="IdGruppo" ListTextField="Nome" ListValueField="IdGruppoUtente" DataSourceID="ObjectDataSourceGruppoUtente" |
| ItemStyle-Width="80px"> |
| <ItemStyle Width="80px" /> |
| </telerik:GridDropDownColumn> |
| <telerik:GridDropDownColumn HeaderText="Stabilimento" SortExpression="Stabilimento" |
| UniqueName="Stabilimento" ListTextField="Denominazione" ListValueField="IdStabilimento" |
| DataField="IdStabilimento" DataSourceID="ObjectDataSourceStabilimento" ItemStyle-Width="100px"> |
| <ItemStyle Width="100px" /> |
| </telerik:GridDropDownColumn> |
| <telerik:GridDropDownColumn HeaderText="Reparto" SortExpression="Reparto" UniqueName="Reparto" |
| DataSourceID="ObjectDataSourceReparto" ListTextField="Reparto" ListValueField="IdReparto" |
| DataField="IdReparto" ItemStyle-Width="100px"> |
| <ItemStyle Width="100px" /> |
| </telerik:GridDropDownColumn> |
| <telerik:GridBoundColumn HeaderText="IdAziendaCorrente" SortExpression="IdAziendaCorrente" |
| UniqueName="IdAziendaCorrente" DataField="IdAziendaCorrente" Visible="false"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| <EditFormSettings> |
| <EditColumn> |
| </EditColumn> |
| </EditFormSettings> |
| </telerik:GridTableView> |
| </DetailTables> |
| </MasterTableView> |
| <FilterMenu EnableEmbeddedSkins="False"> |
| </FilterMenu> |
| <HeaderContextMenu EnableEmbeddedSkins="False"> |
| </HeaderContextMenu> |
| </telerik:RadGrid> |