Questions on UI for ASP.NET AJAX Forum

110,766 questions

0 answers

68 views

Grid/Hierarchy Master -> Child -> Grand Child

Hi,

I think there might be some post talking about this, but I just cant find it.
Basically i had follow example from the demo,
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/hierarchyloadmodemixed/defaultcs.aspx

My intention is to have Master table on the flat form, child on the 1st grid and grand child on the 2nd grid.
My problem now, is that I had followed the way to define the aspx, but I just can't get the grid bind, and I tried used profiler and it did not manage to tell if the sqldatasource is fired to get the data.

<table style="width: 100%;">

<tr><td style="height:5px;"></td></tr>

<tr>

<td class="formcellproperty"><asp:Label ID="lblLabelType" runat="server" Text="Type"></asp:Label></td>

<td class="formcolonwidth">:</td>

<td class="formcellvalue">

<asp:RadioButton ID="optStockIn" runat="server" TabIndex="1" Text="Stock In" GroupName="StockInOut" Checked="true" />

<asp:RadioButton ID="optStockOut" runat="server" TabIndex="2" Text="Stock Out" GroupName="StockInOut" />

</td>

</tr>

<tr>

<td class="formcellproperty"><asp:Label ID="lblLabelTxnNo" runat="server" Text="No"></asp:Label></td>

<td class="formcolonwidth">:</td>

<td class="formcellvalue">

<telerik:RadTextBox ID="txtTxnNo" runat="server" Text="" Enabled="false" TabIndex="3" MaxLength="20" CssClass="formtextbox-short"></telerik:RadTextBox>

</td>

<td class="formcellproperty"><asp:Label ID="lblLabelTxnDate" runat="server" Text="Date"></asp:Label></td>

<td class="formcolonwidth">:</td>

<td class="formcellvalue">

<telerik:RadDatePicker ID="dtpTxnDate" runat="server" TabIndex="4"></telerik:RadDatePicker>

<asp:RequiredFieldValidator ID="rfvDtpTxnDate" runat="server" ErrorMessage="*" ControlToValidate="dtpTxnDate"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="formcellproperty"><asp:Label ID="txtLabelRefNo" runat="server" Text="Ref. No"></asp:Label></td>

<td class="formcolonwidth">:</td>

<td class="formcellvalue">

<telerik:RadTextBox ID="txtRefNo" runat="server" TabIndex="5" MaxLength="20" CssClass="formtextbox-short"></telerik:RadTextBox>

</td>

<td class="formcellproperty"><asp:Label ID="Label2" runat="server" Text="P.O No"></asp:Label></td>

<td class="formcolonwidth">:</td>

<td class="formcellvalue">

<telerik:RadTextBox ID="txtPONo" runat="server" TabIndex="6" MaxLength="20" CssClass="formtextbox-short"></telerik:RadTextBox>

<asp:RequiredFieldValidator ID="rfvTxtPONo" runat="server" ErrorMessage="*" ControlToValidate="txtPONo"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="formcellproperty"><asp:Label ID="lblLabelVendor" runat="server" Text="Vendor"></asp:Label></td>

<td class="formcolonwidth">:</td>

<td class="formcellvalue" colspan="3">

<telerik:RadComboBox ID="cboVendor" runat="server" TabIndex="7" ></telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvCboVendor" runat="server" ErrorMessage="*" ControlToValidate="cboVendor"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="formcellproperty"><asp:Label ID="lblLabelRemark" runat="server" Text="Remark"></asp:Label></td>

<td class="formcolonwidth">:</td>

<td class="formcellvalue" colspan="3">

<telerik:RadTextBox ID="txtRemark" runat="server" TabIndex="8" MaxLength="300" CssClass="formtextareabox-wide" TextMode="MultiLine"></telerik:RadTextBox>

</td>

</tr>

<tr>

<td colspan="5">

<asp:HiddenField ID="hidHeaderGuid" runat="server"></asp:HiddenField>

<asp:HiddenField ID="hidDetailGuid" runat="server"></asp:HiddenField>

</td>

</tr>

<tr>

<td colspan="6">

<table style="width: 100%;">

<tr><td style="height: 5px;"></td></tr>

<tr>

<td>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px" Transparency="50">

<img alt="Loading..."

src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" />

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="grdDetail">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="grdDetail" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="grdSubdetail" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="grdDetail" runat="server" ShowStatusBar="true" DataSourceID="dsDetail"

AutoGenerateColumns="False" PageSize="3" AllowSorting="True" AllowMultiRowSelection="False"

AllowPaging="True" GridLines="None" OnItemUpdated="grdDetail_ItemUpdated" OnItemDeleted="grdDetail_ItemDeleted"

OnItemInserted="grdDetail_ItemInserted" OnInsertCommand="grdDetail_InsertCommand" OnItemCreated="grdDetail_ItemCreated">

<PagerStyle Mode="NumericPages"></PagerStyle>

<ClientSettings AllowExpandCollapse="True"></ClientSettings>

<MasterTableView DataKeyNames="stockdtl_guid" DataSourceID="dsDetail" AllowMultiColumnSorting="True" Width="100%" CommandItemDisplay="Top" Name="Detail" EditMode="InPlace">

<DetailTables>

<telerik:GridTableView DataKeyNames="stocksubdtl_guid" DataSourceID="dsSubdetail" Width="100%" runat="server" CommandItemDisplay="Top" Name="Sub Detail">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="stockdtl_guid" MasterKeyField="stockdtl_guid" />

</ParentTableRelation>

<Columns>

<telerik:GridBoundColumn SortExpression="stocksubdtl_guid" HeaderText="Subdetail Guid" HeaderButtonType="TextButton"

DataField="stocksubdtl_guid" UniqueName="stocksubdtl_guid" ReadOnly="true" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stocksubdtl_dtl_guid" HeaderText="Subdetail Detail Guid" HeaderButtonType="TextButton"

DataField="stocksubdtl_dtl_guid" UniqueName="stocksubdtl_dtl_guid" ReadOnly="true" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stocksubdtl_serial_num" HeaderText="Serial No" HeaderButtonType="TextButton"

DataField="stocksubdtl_serial_num" UniqueName="stocksubdtl_serial_num">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stocksubdtl_part_num" HeaderText="Part No." HeaderButtonType="TextButton"

DataField="stocksubdtl_part_num" UniqueName="stocksubdtl_part_num">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stocksubdtl_qty" HeaderText="Quantity" HeaderButtonType="TextButton"

DataField="stocksubdtl_qty" UniqueName="stocksubdtl_qty">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1">

<HeaderStyle Width="20px" />

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="Are you sure want to deactivate this sub detail?" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn1">

<HeaderStyle Width="20px" />

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn SortExpression="stockdtl_guid" HeaderText="Detail Guid" HeaderButtonType="TextButton"

DataField="stockdtl_guid" UniqueName="stockdtl_guid" ReadOnly="true" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stockdtl_hdr_guid" HeaderText="Detail Header Guid" HeaderButtonType="TextButton"

DataField="stockdtl_hdr_guid" UniqueName="stockdtl_hdr_guid" ReadOnly="true" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stockdtl_product_guid" HeaderText="Product" HeaderButtonType="TextButton"

DataField="stockdtl_product_guid" UniqueName="stockdtl_product_guid">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stockdtl_batch_no" HeaderText="Batch No"

HeaderButtonType="TextButton" DataField="stockdtl_batch_no" UniqueName="stockdtl_batch_no">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stockdtl_qty" HeaderText="Quantity" HeaderButtonType="TextButton"

DataField="stockdtl_qty" UniqueName="stockdtl_qty">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="stockdtl_cost" HeaderText="Cost" HeaderButtonType="TextButton"

DataField="stockdtl_cost" UniqueName="stockdtl_cost">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn2">

<HeaderStyle Width="20px" />

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="Are you sure want to deactivate this detail?" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn2">

<HeaderStyle Width="20px" />

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="dsDetail" runat="server" SelectCommand="exec usp_Master_SelectStockDetail @stockdtl_guid, @stockdtl_hdr_guid" SelectCommandType="StoredProcedure" >

<SelectParameters>

<asp:Parameter Name="stockdtl_guid" Type="String" />

<asp:ControlParameter ControlID="hidHeaderGuid" PropertyName="Value" Type="String" Name="stockdtl_hdr_guid" DefaultValue="" />

</SelectParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="dsSubdetail" runat="server" SelectCommand="exec usp_Master_SelectStockSubDetail @stocksubdtl_guid, @stocksubdtl_dtl_guid" SelectCommandType="StoredProcedure">

<SelectParameters>

<asp:Parameter Name="stocksubdtl_guid" Type="String" />

<asp:ControlParameter ControlID="hidDetailGuid" PropertyName="Value" Type="String" Name="stocksubdtl_dtl_guid" />

</SelectParameters>

</asp:SqlDataSource>

</td>

</tr>

</table>

</td>

</tr>

</table>

Grid

asked on 31 Jul 2012

2 answers

158 views

Appointment Template With ASP:image visible based on databinding

Hi I have a scheduler thaat utilises a appointment template. I need the appointment to display a graphic if the appointment has not yet been completed.

This is worked out with my SQL datasource and a field is returned called "IsNotComplete", this feild is a boolean which obviously returns true/false.

I then have set the scheduler to utilise this field in the CustomAttributeNames section.
I then coded the following inside the scheduler

    
             <AppointmentTemplate > 
        
              <TABLE cellSpacing=0 cellPadding=0 width="100%">  
        
              <TBODY><TR><TD><%# Eval("Subject") %></TD>  
        
              <TD vAlign=top>  
        
            <asp:Image id="AppointmentNotComplete" runat="server" ImageUrl="~/Images/warning_icon.gif" ToolTip="Incomplete"   
        
            Visible='<%# Eval("IsNotComplete") %>' 
        
             ImageAlign="Top"></asp:Image> 
        
            </TD></TR></TBODY></TABLE>  
        
            </AppointmentTemplate>

When I open the page in my browser(IE7) I get the following message "Specified Cast Is Invalid". I then adjusted my code to display the content of the eval statement like so:

    
                                    <AppointmentTemplate > 
        
              <TABLE cellSpacing=0 cellPadding=0 width="100%">  
        
              <TBODY><TR><TD><%# Eval("IsNotComplete") %> 
        
              </br> 
        
              <%# Eval("Subject") %></TD>  
        
              <TD vAlign=top>  
        
            <asp:Image id="AppointmentNotComplete" runat="server" ImageUrl="~/Images/warning_icon.gif" ToolTip="Incomplete"   
        
            Visible='true' 
        
             ImageAlign="Top"></asp:Image> 
        
            </TD></TR></TBODY></TABLE>  
        
            </AppointmentTemplate>

The page is then viewable and the value on the apointments clearly shows either "True" or "False".
I then reverted to the first code snippet (top) and added visible='<%# (bool)Eval("IsNotComplete") %>' just incase there was some kind of casting problem but it still errored with "Specified Cast Invalid"

My question is why does the true/false value cause a cast issue? Is there any where of fixing it?

Scheduler

answered on 30 Jul 2012

4 answers

103 views

Schedule Event from RadGrid

I have a RadGrid on my page and I'd like to be able to click a GridButtonColumn and have it populate the row from the grid into the Advanced Form (which I've customized greatly). I've figured out how to get the items out of the grid (below), however I don't know how to populate and show the form.

How would I do this?

protected void grdOpenOrders_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == "schedule")

{

GridDataItem item = (GridDataItem)e.Item;

//item["material"].Text

//item["subpool"].Text

//item["quantity"].Text

//item["unit"].Text

//item["shipdate"].Text

//item["orderDate"].Text

}

Scheduler

answered on 30 Jul 2012

3 answers

195 views

Showing GridButtonColumn while in InPlace Edit Mode

I have a grid that has only a master table and is using the scroll bars. I have only 5 columns in the grid, an edit and delete column, 2 bound columns and a button column that uses an image button.

When I go into InPlace edit mode, I get the 2 text boxes to make changes to the bound columns, but the button column does not have anything in it.

Is there any way to see this column while in InPlace edit mode? The reason for the button is to do a spell check on one of the 2 text boxes while in edit mode.

Thanks in advance!

Grid

answered on 30 Jul 2012

4 answers

455 views

Unable get the File names in RadUpload in codebehind (C#)

Hi ,
         I am unable to get the file names in the RadUpload control .

IN ASPX

   <telerik:RadUpload runat="server" id="RadUpload1" />

IN ASPX.CS

    protected void SaveChanges_Click(object sender, EventArgs e)
        {
            int count = RadUpload1.UploadedFiles.Count;
        }

Error : Unable to get the Uploaded files count in Server side.

Note : I have tried the following work arounds in below, still i didn't get the output, This control is placed under Nested Master page -> inside RadMultiPage -> RadPanelItem -> RadUpload1

http://www.telerik.com/help/aspnet-ajax/upload-uploading-ajax.html

Please check the attached sample file

Regards
Mohan

Upload (Obsolete)

answered on 30 Jul 2012

2 answers

139 views

Pre select image file from database

When you select an image for upload the control changes its view to show a remove link and the image file.

Is it posible to preload this image from tha value shown in the database.

The idea would be that this image is persisted in the update statement for the record. If you no long want the image it can be removed and either e new one is selected or an "" is sent back to the database.
Andy

AsyncUpload

answered on 30 Jul 2012

2 answers

112 views

Rebind a grid that contains GroupByExpressions fails

Hello Everyone,

I have a RadGrid that uses GroupByExpressions. I'm setting the datasource via the NeedDataSource event. On the initial load everything loads fine and the data is displayed as expected. Any postback that causes the data to refresh via the .Rebind() method causes the grid to lose all data. When I remove the GroupByExpressions from the markup the grid works as expected. I've created a simplified version with the markup and code necessary to reproduce. We're running version 2011.3.1305.40. Does anyone have any ideas on how to fix this? Thanks.

Here is the markup:

<telerik:RadScriptManager runat="server" ID="ScriptManager1"></telerik:RadScriptManager>
 
 <telerik:RadGrid runat="server" ID="grdServices" AutoGenerateColumns="false"
     Width="300px" Height="650px"
     onneeddatasource="grdServices_NeedDataSource"
     onselectedindexchanged="grdServices_SelectedIndexChanged" >
     <MasterTableView DataKeyNames="ServiceId" NoMasterRecordsText="" NoDetailRecordsText="" Width="100%" TableLayout="Fixed" GridLines="None">
 
         <GroupByExpressions>
             <telerik:GridGroupByExpression>
                 <GroupByFields>
                     <telerik:GridGroupByField FieldName="ServiceType" FieldAlias="Type"  />
                 </GroupByFields>
             </telerik:GridGroupByExpression>
         </GroupByExpressions>
 
         <Columns>
             <telerik:GridBoundColumn DataField="ServiceId" Visible="false"></telerik:GridBoundColumn>
             <telerik:GridBoundColumn DataField="ServiceType" Visible="false" ></telerik:GridBoundColumn>
             <telerik:GridBoundColumn DataField="Name" HeaderText="Service" ItemStyle-Wrap="false" ></telerik:GridBoundColumn>
         </Columns>        
     </MasterTableView>
     <ClientSettings Selecting-AllowRowSelect="true" EnableRowHoverStyle="true" EnablePostBackOnRowClick="true" AllowGroupExpandCollapse="false" AllowDragToGroup="false">
         <Scrolling AllowScroll="true" UseStaticHeaders="true" />
     </ClientSettings>
 </telerik:RadGrid>
 
 <asp:Button ID="btnRefresh" runat="server" onclick="btnRefresh_Click" Text="Refresh" />

Here is the code behind:

protected void Page_Load(object sender, EventArgs e)

{

}

protected void grdServices_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

List<Service> Services = new List<Service>();

Services.Add(new Service() { ServiceId = 1, ServiceType = "My Service", Name = "srv 1" });

Services.Add(new Service() { ServiceId = 1, ServiceType = "My Service", Name = "srv 2" });

Services.Add(new Service() { ServiceId = 1, ServiceType = "My Service", Name = "srv 3" });

Services.Add(new Service() { ServiceId = 1, ServiceType = "Your Service", Name = "srv 4" });

Services.Add(new Service() { ServiceId = 1, ServiceType = "Your Service", Name = "srv 5" });

Services.Add(new Service() { ServiceId = 1, ServiceType = "Your Service", Name = "srv 6" });

grdServices.DataSource = Services;

}

protected void grdServices_SelectedIndexChanged(object sender, EventArgs e)

{

}

protected void btnRefresh_Click(object sender, EventArgs e)

{

grdServices.Rebind();

}

public class Service

{

public int ServiceId { get; set; }

public string ServiceType { get; set; }

public string Name { get; set; }

}

Grid

answered on 30 Jul 2012

3 answers

83 views

RadEditor rendering issue inside the radGrid

Hello:
I have an rendering issue with the radeditor inside the radgrid control editform. please see the attached image when I copy and Paste data from an excel sheet, I face the rendering issue. Same information repeats please see line item 3 or 4. and also the table tab appears out of alignment.

<EditFormSettings EditFormType="Template">
<FormTemplate>
<telerik:Radeditor runat="server" ID="RadEditor1" SkinID="BasicSetOfTools" ToolsFile="BasicTools.xml" Height="500px" Content='<%# Bind("ExtractionProcedure") %>' >
</telerik:Radeditor>

</FormTemplate>
</EditFormSettings>
</MasterTableView>

Please advice!!!

Editor

answered on 30 Jul 2012

1 answer

148 views

Center image inside Editor on image load

I was curious as to how I could get an image to center inside the the RadImageEditor.

For example, I have an RadImageEditor control that is 362x362. If I load an image in it that is 150x 200, I would like for it to center itself inside the editor rather than sit to the top or left side. I'd also like it to dynamically center based on the image size properties as different sized images will be used.

Is this possible with this control?

ImageEditor

answered on 30 Jul 2012

2 answers

211 views

Text box cannot focus with mouse click in firefox

I have an issue when my page loads and I try and click inside a rad text box, I can't. It will not set focus. The only way I can get into the text box is through tabbing. This only appears to happen in fire fox...I am using version 13.0.1. Wondering if anyone else may be having a similar issue?

Thank you,
Tad

Input

answered on 30 Jul 2012

Top users last month