Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
603 views

Greetings,

I am trying to copy a selection from 1 RadComboBox to 11 other RadComboBoxes within a RadGrid.  I am using BatchEdit mode so am using client-side script.  The dataitem.findElement("cboRadPerson") in my script returns a div and not a combo box. Maybe there is a complication because I have a button in the EditItemTemplate.

What is the best way to get the selected value of  a RadComboBox, and what is the best way to set the selected value in a RadComboBox?

Thanks, Sean

        function CopyPerson(event) {

            event = event || window.event;
            var id = event.srcElement.name;
            var moFrom = id.slice(-2);
            var masterTableView = $find('<%= gvLINE_ITEM.ClientID %>').get_masterTableView();
            var selectedrow = masterTableView.get_selectedItems()[0];
            var dataitem = masterTableView.get_dataItems()[selectedrow._itemIndex];

            var cboFrom = dataitem.findElement("cboRadPerson");
            var cboTo;
                         
            for (i = parseInt(moFrom) + 1 ; i < 12; i++) {
                cboTo = dataitem.findElement("cboRadPerson" + i);
                cboTo.findItemByValue(cboFrom.get_value()).select();
            }            
        }

              <telerik:RadGrid ID="gvLINE_ITEM" runat="server" Skin="Office2010Silver" ViewStateMode="Enabled"
                  DataSourceID="dsLINE_ITEM"  EnableViewState="true"
                  AllowSorting="True" AllowAutomaticDeletes="True" AllowAutomaticUpdates="False"
                  AllowPaging="false"  AllowAutomaticInserts="false" 
                  Height="670px" ShowFooter="True"
                  RenderMode="Lightweight" CssClass="DDGridView"
                  HeaderStyle-CssClass="th" 
                  EnableHeaderContextMenu="true" >
                    <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" 
                        AllowColumnsReorder="True" EnableRowHoverStyle="true" AllowKeyboardNavigation="true" >
                       <Scrolling AllowScroll="True" UseStaticHeaders="true" />
      <Selecting AllowRowSelect="True" />
      <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="False" />         
                       <ClientEvents OnRowSelected="RowSelected" OnBatchEditSetEditorValue="BatchEditSetEditorValue" />               
                    </ClientSettings>
       <GroupingSettings ShowUnGroupButton="true" />                  
                    <MasterTableView CommandItemDisplay="Top" 
                        DataKeyNames="LINE_ITEM_ID"  
                        ClientDataKeyNames="LINE_ITEM_ID,PERSON_ID_01,PERSON_ID_02,PERSON_ID_03,PERSON_ID_04,PERSON_ID_05,PERSON_ID_06,PERSON_ID_07,PERSON_ID_08,PERSON_ID_09,PERSON_ID_10,PERSON_ID_11,PERSON_ID_12"
                        DataSourceID="dsLINE_ITEM" HorizontalAlign="NotSet" EditMode="Batch" AllowMultiColumnSorting="true"  
                        AutoGenerateColumns="False" > 
                        <BatchEditingSettings EditType="ROW"  />
                        <CommandItemSettings ShowAddNewRecordButton="true" ShowSaveChangesButton="true" ShowCancelChangesButton="true" ShowRefreshButton="false" ShowExportToExcelButton="false" />

                           <telerik:GridTemplateColumn ItemStyle-CssClass="td1"  SortExpression="PERSON.NAME" HeaderText="Jan" HeaderStyle-Width="135px"  
                               DataType="System.String"
                               DataField="PERSON_ID_01" UniqueName="PERSON_NAME" ColumnGroupName="colGroup1" >
                                <ItemTemplate>     
                                    <asp:LABEL ID="lblPERSON" runat="server" ToolTip='<%# Eval("PERSON_ID_01") %>'
                                        Text='<%# If(String.IsNullOrEmpty(Eval("PERSON.NAME")), "", If(Eval("PERSON.EXPENSE_LINE_TYPE_ID").ToString() = "1", Eval("PERSON.NAME") & " (e)", Eval("PERSON.NAME") & " (c)")) %>' />
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadComboBox ID="cboRadPerson" runat="server" DataValueField="PERSON_ID" DataTextField="NAME" DataSourceID="dsPERSON_01" CssClass="DDDropDownList" />     
                                    <Button name="btnCopyPerson01" value="01" type="button"  onclick="CopyPerson();">
                                        Copy<img src='../img3/arrow right red16.jpg' alt="Copy Person" title="Copy selected value to the rest of year." ></Button>                                                                                                                                                                                                                
                                </EditItemTemplate>                                 
                            </telerik:GridTemplateColumn> 
                            <telerik:GridTemplateColumn ItemStyle-CssClass="td1"  SortExpression="PERSON1.NAME" HeaderText="Feb" HeaderStyle-Width="135px" 
                                DataField="PERSON_ID_02" UniqueName="PERSON1_NAME" ColumnGroupName="colGroup2" DataType="System.String" >
                                <ItemTemplate>     
                                    <asp:LABEL ID="lblPERSON1" runat="server" Text='<%# If(String.IsNullOrEmpty(Eval("PERSON1.NAME")), "", If(Eval("PERSON1.EXPENSE_LINE_TYPE_ID").ToString() = "1", Eval("PERSON1.NAME") & " (e)", Eval("PERSON1.NAME") & " (c)")) %>' />
                                </ItemTemplate>
                                <EditItemTemplate>
                                     <telerik:RadComboBox ID="cboRadPerson1" runat="server" RenderMode="Lightweight" DataValueField="PERSON_ID" DataTextField="NAME" DataSourceID="dsPERSON_02" CssClass="DDDropDownList" />   
                                </EditItemTemplate>                                 
                            </telerik:GridTemplateColumn>
                        </Columns>
                        
                    </MasterTableView>                  
              </telerik:RadGrid>

 

Peter Milchev
Telerik team
 answered on 28 Jul 2016
1 answer
234 views

I bound a datattable datasource to the RadImageGallery, therea huge images with a size > FullHD. I want to show the images with a size of maxX=800 and/or maxY=800. The aspx code looks like this

<telerik:RadImageGallery  runat="server" ID="IGAL1" DisplayAreaMode="LightBox" width="800px"
                OnNeedDataSource="IGAL1_NeedDataSource" DataDescriptionField="BEMERKUNG" DataImageField="DOKUMENT_BLOB" DataTitleField="NAME" LoopItems="true" ShowLoadingPanel="true" >
                    <ToolbarSettings ShowSlideshowButton="true" ShowItemsCounter="true" ItemsCounterFormat="Images {0} of {1}" />
                    <ImageAreaSettings ShowDescriptionBox="true"  Height="800px" Width="800px" ResizeMode="Fit" CloseButtonText="Schließen" NextImageButtonText="Nächstes Bild" PrevImageButtonText="Vorheriges Bild" />
                    <ThumbnailsAreaSettings  ThumbnailsSpacing="1px" ThumbnailWidth="120px" ThumbnailHeight="80px" Height="80px" ShowScrollbar="true" ShowScrollButtons="true" />
 
            </telerik:RadImageGallery>

If I click on a thumbnail the popup always fits the whole screen and ignore the width and hight settings of the RadImagegallery.

Someone gots a hint for me???

 

regs

Oliver

Konstantin Dikov
Telerik team
 answered on 28 Jul 2016
1 answer
169 views

I found this post http://www.telerik.com/forums/how-can-i-add-mediaplayer-in-templateitem-from-code-behind#LMcMKDN-1kyBzTiLR_Sa2A whitch works fine if iprvide only video files. Now i got a db with images and videos and try to put them together in a ImageGallery. is there a way to publish such a Gellery with a mixture of images and videos. For images i don´t need a template bit für the videos i will do so. All the data are providet by a datatable in code behind.

 

Anyone gots some hints for me?

 

regs

Oliver

 

 

 

Viktor Tachev
Telerik team
 answered on 28 Jul 2016
1 answer
89 views

Hi,

I am using Telerik RadEditor (V 2013.2.611.35) in which I have to use EditorToolbarMode.ShowOnFocus property for that control. But when I set that property then the toolbar gets hide automatically and it does not appear even after focus the control.

Can anyone have workaround for this issue?

Note: I am using dynamic radeditor control where it's created on aspx.cs page and I have added blur event for that by using $telerik.addExternalHandler(element, "blur", function (e) { restorePoint = editor.createRestorePoint(); }); method. Will that make a difference?

Ianko
Telerik team
 answered on 28 Jul 2016
2 answers
111 views

Hi,

Using the RadGrid in Batch Editing mode and the EditType is set to row. I forbid edition in some columns with:

function BatchEditOpening(sender, args) {
    var col = args.get_columnUniqueName();
 
    if (isNaN(col.substring(0,1))) {
        args.set_cancel(true);
    }
}

It works, but when I want to jump in another row, I am getting the following error:"The property "style" of an undefined or zero reference can not be retrieved." (I translate the error). When I comment this code, it work.

What am I doing wrong?

Thanks!

 

Sébastien
Top achievements
Rank 1
 answered on 28 Jul 2016
3 answers
146 views

Hi!

 

I defined an image for a  pager button with RadGrid.PagerStyle.LastPageImageUrl = "url". The downside of the approach is that there is no hover effect any more. Is it possible to define an image that is used for hover with a similar property, or do I have to use Javascript/CSS?

 

Kind regards

Kostadin
Telerik team
 answered on 28 Jul 2016
1 answer
345 views

Hi All,

I've a very simple page with a RadGrid, on clicking the header to sort, I get the error :-

Unable to cast object of type 'Telerik.Web.UI.RadGrid' to type 'Telerik.Web.UI.GridTableView'.

This only happened after upgrading the DLLs to 2016.2.607.40 from 2014.1.403.40
Going back to the old DLL fixes the issue.

Serverside I populate a DataTable and then use Datasource/Databind.

 

<telerik:RadGrid ID="dtgParameter" runat="server" CssClass="dataGridStyle" Width="99%" GridLines="Both" Height="100px" AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="False" AutoGenerateColumns="False" ShowFooter="false" ShowHeader="true">
                <HeaderStyle CssClass="dataGridHeader" />
                <ItemStyle CssClass="dataGridItemStyleNormal" />
                <AlternatingItemStyle CssClass="dataGridItemStyleAlt" />
                <SortingSettings EnableSkinSortStyles="false" />
                <ClientSettings EnablePostBackOnRowClick="false">
                    <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" />
                    <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" />
                </ClientSettings>
                <MasterTableView Name="Parameter" DataKeyNames="ParameterId" ShowHeader="true" AutoGenerateColumns="False" HierarchyLoadMode="ServerOnDemand" width="99%">
                    <Columns>
                        <telerik:GridBoundColumn HeaderStyle-ForeColor="White" DataField="ParameterId"  HeaderStyle-Font-Bold="True" SortExpression="ParameterId"  HeaderStyle-Width="0%"  HeaderText="" visible="false"/>
                        <telerik:GridBoundColumn HeaderStyle-ForeColor="White" DataField="Name"                             HeaderStyle-Font-Bold="True" SortExpression="Name"                  HeaderStyle-Width="20%" HeaderText="Name" />
                        <telerik:GridBoundColumn HeaderStyle-ForeColor="White" DataField="Comments"                         HeaderStyle-Font-Bold="True" SortExpression="Comments"              HeaderStyle-Width="80%" HeaderText="Comments" />
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
Ben
Top achievements
Rank 1
 answered on 28 Jul 2016
15 answers
650 views
i have 2 listbox wich are updated when user select an item from radgrid, so if radgrid item change radlistbox are updated.

but i have the arrows on the listbox to allow user transfer from one to another radlistbox and when user do that it must run a db update command.

the problem is that i cant get a way to fetch wich iem is selected from radlistbox by user. i try with items count but i get always zero

  protected void RadListBox1_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                RadListBox1.Visible = false;
                RadListBox2.Visible = false;
                Label1.Visible = false;
                Label2.Visible = false;
            }
            else
            {
                RadListBox1.Visible = true;
                RadListBox2.Visible = true;
                Label1.Visible = true;
                Label2.Visible = true;
                RadListBox1.ClientIDMode = ClientIDMode.Static;
                RadListBox2.ClientIDMode = ClientIDMode.Static;
 
            }
 
 
 {
             
 
            if (e.Items.Count > 1 && e.SourceListBox.ClientID == "RadListBox1")
            {
                
                lblTransfer.Text = "Transfer All to right";
               command //BLL.Patrocinadores.Adicionar1PatrocinadorAoAtleta(id_atleta, id_patrocinador);
 
Updatelistbox();
 
 
            }
            else if (e.Items.Count == 1 && e.SourceListBox.ClientID == "RadListBox1")
            {
                lblTransfer.Text = "Transfer one Item to right";
            }
            else if (e.Items.Count > 1 && e.SourceListBox.ClientID == "RadListBox2")
            {
                lblTransfer.Text = "Transfer All to left";
            }
            else if (e.Items.Count == 1 && e.SourceListBox.ClientID == "RadListBox2")
            {
                lblTransfer.Text = "Transfer one Item to left";
            }
        }
Fatma
Top achievements
Rank 1
 answered on 27 Jul 2016
0 answers
115 views

I see a lot of example, but nothing works for my simple example. I am trying something like that

 function OnSeriesHover_EconomyRelationshipsLevel2(sender,args) {
               if (args.category == "30") {
                  args.series.tooltip.format  = "Click for Details";

                  sender.series.tooltip.format = "Click for Details";
               }
            }

Thank you
David
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 27 Jul 2016
1 answer
181 views

Hi,

I have the following client code and JSON output.  When I run it up I get no errors but I get an empty combo box. I know that the JSON is being generated and sent to the client datasource.

Have I missed something obvious?

<telerik:RadClientDataSource runat="server" ID="RadClientDataSource1">
    <DataSource>
        <WebServiceDataSourceSettings BaseUrl="http://localhost:65247/aTest/Data.asmx/">
            <Select Url="GetData" DataType="JSON" />
        </WebServiceDataSourceSettings>
    </DataSource>
    <Schema DataName="data">
        <Model>
            <telerik:ClientDataSourceModelField FieldName="Id" DataType="Number" />
            <telerik:ClientDataSourceModelField FieldName="Nme" DataType="String" />
            <telerik:ClientDataSourceModelField FieldName="Ena" DataType="Boolean" />
        </Model>
    </Schema>
</telerik:RadClientDataSource>
<telerik:RadComboBox ID="RadComboBox1" runat="server" ClientDataSourceID="RadClientDataSource1" EnableLoadOnDemand="true"
    DataTextField="Nme" DataValueField="Id">
</telerik:RadComboBox>

 

Sample JSON below - I have checked the whole file with a checker and it all seems OK...

{"data":[{"Id":97,"Nme":"sample 1","Ena":true},{"Id":182,"Nme":"sample 2","Ena":true}]}

 

 

Jon
Top achievements
Rank 1
 answered on 27 Jul 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?