Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
291 views
Hi all,

I'd like to display a hierarchical grid - Master/Detail (or parent/child if you will).  I've created a dataset that contains the parent and child records. My dataset only returns columns I want to display...in other words, I don't want to "hard-code" columns in the HTML markup  or in the code behind. I also DON"T want to use any object datasource controls (ie: SQLDataSourceControl). Simply, I want to bind and display whatever data is in the dataset directly to the grid control.

Can you please provide me with the grid HTML and code that will allow me to bind this dataset to a grid?

        public static DataSet GetHierarchicalDataSet()
        {
                DataTable parentTable = GetParentData();  //retrieves parent data from database
                parentTable.TableName = "Parent";
                DataTable childTable = GetChildData();  //retrieves child data from database
                childTable.TableName = "Child"

                DataSet ds = new DataSet();
                ds.Tables.Add(parentTable.Copy());
                ds.Tables.Add(childTable.Copy());

                DataColumn parentColumn = ds.Tables["Parent"].Columns["ParentID"];
                DataColumn childColumn = ds.Tables["Child"].Columns["ParentID"];
                DataRelation relationship = new DataRelation("ParentChild", parentColumn, childColumn);
                ds.Relations.Add(relationship);

                return ds;
        } 





K
Top achievements
Rank 1
 answered on 17 Feb 2011
5 answers
159 views
I have a tabstrip control with 5 tabs and one multiview.

When I execute the client side js to enable and select a specific tab, the view gets selected fine, but the tab header doesn't get selected. During debugging, I have verified that the text coming back is "Sec Ins". I have also verified by the attachment, that before the "tab.enable()" was hit the "enabled" property was "false". After passing that code to enable the tab, you can see it says it's "enabled". Another attachment is how the screen looks after the js funtion is completed as I have explained above. I have also tried the findTabByValue method getting the same results.

How can I enable & select the tab header to correspond to the selected view?

Here is my html: Notice the bolding...
<code>
<telerik:RadTabStrip ID="tsPatientDemographics" runat="server" AutoPostBack="false"
                                                                                    ScrollButtonsPosition="Right" MultiPageID="RadMultiPage1" BackColor="Gray" CausesValidation="False"
                                                                                    Align="Left" Width="100%">
                                                                                    <Tabs>
                                                                                        <telerik:RadTab Text="P<u>a</u>tient" AccessKey="A" Width="60px">
                                                                                        </telerik:RadTab>
                                                                                        <telerik:RadTab Text="G<u>u</u>arantor" AccessKey="U" Width="80px">
                                                                                        </telerik:RadTab>
                                                                                        <telerik:RadTab Text="<u>P</u>ri Ins" AccessKey="P" Width="60px">
                                                                                        </telerik:RadTab>
                                                                                        <telerik:RadTab Text="<u>S</u>ec Ins" AccessKey="S" Value="Sec Ins" Width="60px"
                                                                                            Enabled="false">
                                                                                        </telerik:RadTab>
                                                                                        <telerik:RadTab Text="<u>T</u>er Ins" AccessKey="T" Value="Ter Ins" Width="70px"
                                                                                            Enabled="false">
                                                                                        </telerik:RadTab>
                                                                                    </Tabs>
                                                                                </telerik:RadTabStrip>
                                                                                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" ScrollBars="None">
                                                                                    <telerik:RadPageView ID="RadPatientInfoView" runat="server" Width="100%" BackColor="LightGray">
                                                                                        <table width="100%" bgcolor="#F6F6F6" cellpadding="0" cellspacing="0">

</code>

Here is my js:
<code>
function selectSecTab() {
                var tabStrip = $find("<%= tsPatientDemographics.ClientID %>");
                var tab = tabStrip.findTabByText("Sec Ins");
                tab.enable();
                tab.select();
               
            }

</code>
Bill
Top achievements
Rank 2
 answered on 17 Feb 2011
2 answers
148 views
I followed the samples of show/hide column using client event, however I get js runtime error on the line "var a=this.get_columns()[b].Display=a" that says "get_column()[...] is null or not an object", i am pretty sure that I passed the right index. Any ideas?

Thanks a lot!

Shannon
Shannnon
Top achievements
Rank 1
 answered on 17 Feb 2011
2 answers
150 views
I have a web form which saves a record to the database via server-side code, but then upon postback, I want to show the RadWindow i created.  I dont want the radwindow to show initially when the page loads.  Its only when the user clicks the Save button on the form, which runs server-side code, but then I need to invoke the RadWindow to show.  How do I do this? 
Dan
Top achievements
Rank 1
 answered on 17 Feb 2011
2 answers
120 views
I've modified an existing (working) ASP webpage by adding auto spellcheck per the example code.  There are two text boxes, one of which is seldom used, so I'd rather spell check them seperately (rather than use ControlsToCheck and getting both at the same time). 

Specifically, I've added two RadSpell controls:

<telerik:RadSpell id="RadSpellRepairOnly" runat="server" controltocheck="RepairTextBox" buttontype="None" IsClientID="true" />
<telerik:RadSpell id="RadSpellInstructionsOnly" runat="server" controltocheck="InstructionsTextBox" buttontype="None" IsClientID="true" />

...two scripts:

function spellCheckRepair() {
GetRadSpell(
'<%= RadSpellRepairOnly.ClientID %>').startSpellCheck();
}

 function spellCheckInstructions() {
GetRadSpell(
'<%= RadSpellInstructionsOnly.ClientID %>').startSpellCheck();
}

 


...and modified the two textboxes accordingly:

<asp:TextBox ID="RepairTextBox" runat="server" Rows="12" Width="100%" TextMode="MultiLine" BorderColor="White" onblur="javascript: spellCheckRepair();"></asp:TextBox>

 <asp:TextBox ID="InstructionsTextBox" runat="server" Rows="6" Width="100%" TextMode="MultiLine" BorderColor="White" onblur="javascript: spellCheckInstructions();"></asp:TextBox>

 


This works, but if I jump between the text boxes more than once I get an 'out of stack space' exception and execution is halted.  Is this not a supported configuration?

 

 

 

Henry
Top achievements
Rank 1
 answered on 17 Feb 2011
3 answers
125 views
When the cursor hovers over the scheduler, how can I control how many rows are highlighted? 

In my scheduler each appt is fixed at 30 minutes in code, and the MinutesPerRow property is set to 30.  Prior to inserting an appt when I hover over the scheduler two rows highlight instead of just the single row where the appt will go.

Thanks
Mark
Peter
Telerik team
 answered on 17 Feb 2011
3 answers
154 views
Hi Telerik Team,

I just want to know whether is it possible to show the time horizontally on RadScheduler.

I have gone through the demo of "Car-On-Rent". In that the list of cars are shown horizontally & time is hown vertically on scheduler.

So is it possible to interchange them i.e. cars to be shown vertically & timings horizontally.?

Please revert as soon as possible.

Thanks in advance
Amit Thakkar
Peter
Telerik team
 answered on 17 Feb 2011
1 answer
84 views
Hello,

I am trying to do a number of things with a RadComboBox and RadAsyncUpload inside a RadWindow:

<telerik:RadWindowManager ID="RadWindowManager1" Behaviors="Close" runat="server"
    Modal="true" Width="900px">
    <Windows>
        <telerik:RadWindow ID="RadWindowApprove" runat="server">
            <ContentTemplate>
                <h3>
                    Approve Supplier Agreement</h3>
                <table>
                    <colgroup>
                        <col class="first-column" />
                    </colgroup>
                      <tr>
                        <td>
                            Document:
                        </td>
                        <td>
                            <telerik:RadComboBox ID="RadComboBoxDocument" runat="server" EmptyMessage="Choose an existing SPA" AllowCustomText="true">
                            </telerik:RadComboBox>  
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>or upload a new one</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><telerik:RadAsyncUpload ID="RadAsyncUploadDocument" runat="server" ControlObjectsVisibility="None"
                                MultipleFileSelection="Disabled" MaxFileInputsCount="1" AllowedFileExtensions="pdf" OnClientFileUploaded="FileUploaded">
                            </telerik:RadAsyncUpload></td>
                    </tr>
                </table>
                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                    <script type="text/javascript">
                //<![CDATA[
  
                        // File selected so remove any uploaded files
                        function FileSelected(sender, args) {
  
                            var fileUpload = $find('<%=  RadAsyncUploadDocument.ClientID %>');
                            var inputs = fileUpload.getUploadedFiles();
  
                            for (i = inputs.length - 1; i >= 0; i--) {
                                fileUpload.deleteFileInputAt(i);
                            }
                        }
  
                        // File uploaded so unselect any selected file
                        function FileUploaded(sender, args) {
  
                            var combo = $find('<%=  RadComboBoxDocument.ClientID %>');
                            alert(combo.get_selectedItem().get_text());
  
                            combo.clearSelection();
                        }
  
                    //]]>
                </script>
                </telerik:RadScriptBlock>
                  
            </ContentTemplate>
        </telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>

The problem is that in my FileSelected function, no files are returned for getUploadedFiles() and in my FileUploaded function getSelectedItem() is null.

Can anyone tell me why this is?  Am I doing anything wrong?

Thanks,
Jo
Genady Sergeev
Telerik team
 answered on 17 Feb 2011
6 answers
565 views
Hi,
 I've installed version 5.8.0.0 and have found that the image editor increases the size of the image when cropping an original image. Is there a way to change the image quality setting on cropping so that it doesn't increase in size? Theoretically, the cropped image should be MUCh smaller than the original image.

Thanks,
Jason.
Jason Brownhill
Top achievements
Rank 1
 answered on 17 Feb 2011
3 answers
443 views
I've look through all the examples on the forum and can't get my grid height and width to size dynamically.

Here is my code.

<asp:Panel ID="Panel1" runat="server" Height="100%" Width="100%"
             <telerik:RadGrid ID="grdProducts" runat="server" Skin="DMID" EnableEmbeddedSkins="False"
           AutoGenerateColumns="False" GridLines="None" GroupingEnabled="False" OnLoad="grdProducts_Load"
           OnPreRender="grdProducts_PreRender"  PageSize="5" AllowPaging="True" 
       AllowSorting="True" Width="99%">
           <HeaderContextMenu EnableEmbeddedSkins="False" CssClass="GridContextMenu GridContextMenu_DMID">
           </HeaderContextMenu>
           <MasterTableView NoMasterRecordsText="No Products available." TableLayout="Fixed" DataKeyNames="ProductID" >
                              <CommandItemSettings ExportToPdfText="Export to Pdf" />
                              <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
               </RowIndicatorColumn>
               <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
               </ExpandCollapseColumn>
               <Columns>
                   <telerik:GridBoundColumn FilterControlAltText="Filter ID column" HeaderText="ID"
                       ReadOnly="True" SortExpression="ProductID" UniqueName="ProductID" DataField="ProductID" HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="60px" >
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn FilterControlAltText="Filter Lot column" HeaderText="Lot #"
                       ReadOnly="True" SortExpression="Lot" UniqueName="Lot" DataField="Lot" HeaderStyle-HorizontalAlign="Center"   HeaderStyle-Width="60px" >
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn FilterControlAltText="Filter Description column" HeaderText="Investigational Agent<br/>Description"
                       ReadOnly="True" SortExpression="Description" UniqueName="Description" DataField="Description" HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="100px" >
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn FilterControlAltText="Filter UnitDosage column" HeaderText="Unit Dosage"
                       ReadOnly="True" SortExpression="UnitDosage" UniqueName="UnitDosage" DataField="UnitDosage" HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="75px" >
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn FilterControlAltText="Filter ShipUnit column" HeaderText="Shipping<br/>Unit"
                       ReadOnly="True" SortExpression="ShipUnit" UniqueName="ShipUnit" DataField="ShipUnit" HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="75px" >
                                          </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn FilterControlAltText="Filter Expire column" HeaderText="Expiration Date<br/>(mm/dd/yyyy)"
                       ReadOnly="True" SortExpression="Expire" UniqueName="Expire" DataType="System.DateTime"
                       DataField="Expire" DataFormatString="{0:d}"  HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="80px" >
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn FilterControlAltText="Filter UnitsAvailable column" HeaderText="Units<br/>Available"
                       SortExpression="UnitsAvailable" UniqueName="UnitsAvailable" DataType="System.Int32"
                       DataField="UnitsAvailable"  HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="50px" >
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn DataType="System.Int32" FilterControlAltText="Filter uRequested column"
                       HeaderText="Units<br/>Requested" SortExpression="URequested" UniqueName="uRequested"
                       DataField="URequested" HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="50px" >
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn DataType="System.Int32" FilterControlAltText="Filter UApproved column"
                       HeaderText="Units<br/>Approved" UniqueName="UApproved" DataField="UApproved"
                       SortExpression="UApproved"  HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="50px" >
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn FilterControlAltText="Filter UShipped column" HeaderText="Units<br/>Shipped"
                       ReadOnly="True" SortExpression="UShipped" UniqueName="UShipped" DataType="System.Int32"
                       DataField="UShipped"  HeaderStyle-HorizontalAlign="Center"  HeaderStyle-Width="50px" >
                   </telerik:GridBoundColumn>
               </Columns>
               <EditFormSettings>
                   <EditColumn InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" EditImageUrl="Edit.gif"
                       CancelImageUrl="Cancel.gif" FilterControlAltText="Filter EditCommandColumn column">
                   </EditColumn>
               </EditFormSettings>
           </MasterTableView>
           <ClientSettings Scrolling-AllowScroll="true" EnableRowHoverStyle="true" Selecting-AllowRowSelect="true">
               <Resizing AllowColumnResize="true" />
               <Scrolling AllowScroll="true" UseStaticHeaders="true"  />
           </ClientSettings>
           <FilterMenu EnableImageSprites="False" EnableEmbeddedSkins="False">
           </FilterMenu>
       </telerik:RadGrid>
   </asp:Panel>
Pavlina
Telerik team
 answered on 17 Feb 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?