Questions on UI for ASP.NET AJAX Forum

1 answer

81 views

why contents has different appearence between Edit mode and Display mode?

I copied some content from a word doc into RadEditor control, why these content has different appearence between Edit mode and Display mode?

is it beacuse inheriting style from parents in Display mode? is there any properties that allow me to disconnect this inheritance?

WebParts for SharePoint

answered on 19 Aug 2010

4 answers

124 views

Radcombo box more than 2000 record binded in gridview .Not working

I Placed three Radcombo Box in Grid View and also binded more than 2000 records to combo box.
after that i click Edit Button in grid view its show Edit template when i selected the combobox item it's hanging...

PanelBar

answered on 19 Aug 2010

2 answers

551 views

RadGrid not firing postback on ItemCommand events

Hi,

I'm currently evaluating some RAD controls from Telerik, just right now I'm experimenting with the RadGrid.

So I have my grid control and enabled client-side binding for having Ajax support. I created an appropriate WCF webservice for fetching the data etc. Everything works really good, including paging etc. Now I wanted to have a button column for deleting some items. I registered the OnItemCommand event of the grid and implemented it accordingly on the server-side. My ASPx code looks like this:

<telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" GridLines="None"

OnItemCommand="RadGrid1_ItemCommand">

<MasterTableView DataKeyNames="Id" ClientDataKeyNames="Id">

<Columns>

<telerik:GridBoundColumn DataField="Firstname" HeaderText="Firstname" DataType="System.String">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Lastname" HeaderText="Lastname" DataType="System.String">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Age" HeaderText="Age" DataType="System.Int32">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"

ButtonType="ImageButton">

</telerik:GridButtonColumn>

</Columns>

<PagerStyle Mode="Slider" />

</MasterTableView>

<ClientSettings>

<DataBinding SelectMethod="GetSampleData" Location="Webservice/GridData.svc" SortParameterType="String">

</DataBinding>

</ClientSettings>

</telerik:RadGrid>

However when clicking on the appropriate button on a grid row the event isn't fired, basically no postback to the server is being done. A solution I found is to add the "EnablePostBackOnRowClick=true" to the ClientSettings, but this would cause a postback on each click on a row, which is not really desired.

Is there a better way to realizing this or does anybody have a hint what could be the problem??

Visual Style Builder

answered on 19 Aug 2010

2 answers

565 views

Row indicator column showing when it should not be

My grid is showing a column that appears to be the row indicator column. I do not want a row indicator column. I have tried setting many attributes to turn it off. I can only assume that it's the row indicator column. I am not adding a column ahead of the edit column. How can I get the first column removed? See my aspx code below:

    
                    <telerik:RadGrid ID="RadGridSignedSessions" Skin="Office2007" runat="server" Width="100%" 
        
                      Height="100%" AutoGenerateColumns="False" PageSize="25" AllowSorting="True" AllowMultiRowSelection="False" 
        
                      AllowPaging="True" GridLines="None" OnNeedDataSource="RadGridSignedSessions_NeedDataSource" 
        
                      Style="border: 0; outline: none" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" 
        
                      AllowAutomaticUpdates="True" EnableAJAX="True">  
        
                      <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle> 
        
                      <MasterTableView DataKeyNames="ID" AllowMultiColumnSorting="True" CommandItemDisplay="TopAndBottom" AutoGenerateColumns="False" RowIndicatorColumn-Visible="false">  
        
                        <Columns> 
        
                          <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" HeaderStyle-Width="30px">  
        
                          </telerik:GridEditCommandColumn> 
        
                          <telerik:GridBoundColumn Visible="false" DataField="ID" UniqueName="ID">  
        
                          </telerik:GridBoundColumn> 
        
                          <telerik:GridBoundColumn SortExpression="TherapistName" HeaderText="Therapist/Teacher" 
        
                            DataField="TherapistName" UniqueName="TherapistName">  
        
                          </telerik:GridBoundColumn> 
        
                          <telerik:GridBoundColumn SortExpression="PatientName" HeaderText="Participant/Patient" 
        
                            DataField="PatientName" UniqueName="PatientName">  
        
                          </telerik:GridBoundColumn> 
        
                          <telerik:GridBoundColumn SortExpression="WorkStartTime" HeaderText="Service Date" 
        
                            DataField="WorkStartTimeLocal" UniqueName="WorkStartTime">  
        
                          </telerik:GridBoundColumn> 
        
                          <telerik:GridBoundColumn SortExpression="HoursWorked" HeaderText="Hours Worked" DataField="HoursWorked" 
        
                            UniqueName="HoursWorked">  
        
                          </telerik:GridBoundColumn> 
        
                          <telerik:GridCheckBoxColumn SortExpression="GuardianUnavailableToSign" HeaderText="Guardian/Supervisor Didn't Sign" 
        
                            DataField="GuardianUnavailableToSign" UniqueName="GuardianUnavailableToSign">  
        
                          </telerik:GridCheckBoxColumn> 
        
                          <telerik:GridCheckBoxColumn SortExpression="SessionApproved" HeaderText="Approved" 
        
                            DataField="SessionApproved" UniqueName="SessionApproved">  
        
                          </telerik:GridCheckBoxColumn> 
        
                          <telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow" 
        
                            ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" 
        
                            UniqueName="DeleteColumn" HeaderStyle-Width="30px" > 
        
                          </telerik:GridButtonColumn> 
        
                        </Columns> 
        
                      </MasterTableView> 
        
                      <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="false" AllowColumnsReorder="True" 
        
                        EnablePostBackOnRowClick="True">  
        
                        <Resizing AllowRowResize="True" AllowColumnResize="True"></Resizing> 
        
                        <Selecting AllowRowSelect="true" /> 
        
                        <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
        
                        <ClientEvents OnGridCreated="SignedSessionsGridCreated" /> 
        
                      </ClientSettings> 
        
                    </telerik:RadGrid>

Grid

answered on 19 Aug 2010

1 answer

97 views

Setting properties in the code behind for the grid edit demo.

What event do I tie into to set the properties for this control programmatically?
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandradasyncupload/defaultcs.aspx?product=upload
should I use a grid databinding event or an asynch prerender or oninit event?
Can you show a code sample based on the example?

AsyncUpload

answered on 19 Aug 2010

3 answers

201 views

Problem adding dynamic template columns

Hi

I've followed this example and the documentation here to create a grid with 2 rows in the header for just some of the columns. I've declared the grid control in the .aspx control, and declared the mixture of normal bound columns and template columns in the Page_Init function of the code behind.

It displays fine, but when I do a postback (eg sort) then it adds more columns to the grid. I've tried checking for IsPostback, but that just makes the template column contents disappear. What am I missing?

Here is the .aspx page:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false"

AllowSorting="true" Skin="Vista">

<MasterTableView DataKeyNames="HOLE_ID, HOLE_SORT">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

<AlternatingItemStyle HorizontalAlign="Center" />

<NoRecordsTemplate>

<div style="width:100%; text-align:center; height:21px; padding:4px 4px 4px 10px;">

<asp:Label ID="lblNoRecords" runat="server" Text="No data exists for this Hole."></asp:Label>

</div>

</NoRecordsTemplate>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" />

</ClientSettings>

</telerik:RadGrid>

Code behind excerpt:

Private colHeaderGroupList as List(of String) = GetColumnHeaderGroups()

Private colHeaderList as List(of MyColumnData) = GetColumnHeaderData()

Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init

If Page.IsPostBack = False Then

LoadColumns()

End If

End Sub

Private Sub LoadColumns()

'clear columns

RadGrid1.MasterTableView.Columns.Clear()

'add standard column

Dim col1 As GridBoundColumn = New GridBoundColumn()

RadGrid1.MasterTableView.Columns.Add(col1)

With col1

.DataField = "HOLE_NO"

.HeaderText = "Hole"

.SortExpression = "HOLE_SORT"

End With

'add elements as template columns to use double row headers

For Each colHeader As String In colHeaderGroupList

'add column to grid

Dim templateCol As GridTemplateColumn = New GridTemplateColumn()

RadGrid1.MasterTableView.Columns.Add(templateCol)

'get just the columns for this group

Dim thisGroup as List(of MyColumnData) = (From x in colHeaderList

Where x.Group = colHeader

Select x).ToList()

'create templates for column

templateCol.HeaderTemplate = New MyDynamicHeaderTemplate(thisGroup)

templateCol.ItemTemplate = New MyDynamicItemTemplate(thisGroup)

Next

End Sub

Private Class MyDynamicHeaderTemplate

.

End Class

Private Class MyDynamicItemTemplate

.

End Class

Kind Regards,
Jeremy

Grid

answered on 19 Aug 2010

1 answer

119 views

Runtime Error after upgrading to developers license

Hello Telerik Team,

I have upgraded my trial License to the Developers License ( Version: 2010.2.713.40)
I am getting Microsoft JScript runtime error: Object expected near:

var multiPage = $find("<%= tabMultiPage.ClientID %>");

in the below function:

function deleteTab(tabText)

{

var tabStrip = $find("<%= tabContainer.ClientID %>");

var multiPage = $find("<%= tabMultiPage.ClientID %>");

var tab = tabStrip.findTabByText(tabText);

var pageView = tab.get_pageView();

var tabToSelect = tab.get_nextTab();

if (!tabToSelect)

tabToSelect = tab.get_previousTab();

tabStrip.get_tabs().remove(tab);

multiPage.get_pageViews().remove(pageView);

if (tabToSelect)

tabToSelect.set_selected(true);

multiPage.commitChanges();

tabStrip.commitChanges();

}

I have my web.config changes as shown below:

<add key="Telerik.TabStrip.Skin" value="Outlook" />

<add key="Telerik.Grid.Skin" value="Default" />

<add key="Telerik.TabStrip.EnableEmbeddedSkins" value="false" />

<add key="Telerik.TabStrip.EnableEmbeddedBaseStylesheet" value="false" />

It would be great if you can help me in this regard.
Please let me know if you need any more info.

Thanks,
Vishal

TabStrip

answered on 19 Aug 2010

2 answers

87 views

Bring Dragged element to front in IE

hello,
I'm having a problem with the drag and drop function from your listview example in IE. It works fine in all browsers except IE (7,8). When I click on the drag handle, the dragged item does not display in front of everything. I've been tinkering with the css for hours to get this to display correctly in IE to no avail. I'm using the same class names as in your example. Are there specific classes that I should be modifying? The element that is being dragged is behind some elements and in front of others. The problem is when I try to drag the item onto the target area. Since the dragged item is behind the target area, i'm not able to drop it on that area. I realize that IE has many issues with z-index, but there has to be something that i'm missing. What is the class (from your example:http://demos.telerik.com/aspnet-ajax/listview/examples/itemdragdrop/defaultcs.aspx) that handles the dragged item that displays when you click on the drag handle and start dragging? I've been working on this for over 4 hours.....
If this helps at all, the listview is placed inside a fieldset. The dragged item displays behind that fieldset.

thanks for your time,

ListView

answered on 19 Aug 2010

2 answers

115 views

[Solved] button to show current sort order

I have a grid with multicolumn sorting enabled. The user needs to be able to see what the currently selected sort order is. I've created a button and attached the following javascript to execute via the onclientclick event.

It identifies the grid and the mastertableview with no trouble, but nothing is returned by the get_sortExpressions(), so the resulting message is empty.

What am I missing?

Thanks!

function showSortOrder() {

var grid = $find("<%=gridResults.ClientID %>")

alert("Grid = " + grid);

var mstrvw = grid.get_masterTableView();

alert("mstrvw = " + mstrvw);

var sortExpressions = grid.get_masterTableView().get_sortExpressions();

alert("sortExpressions = " + sortExpressions);

// alert("sortExpressions length = " + sortExpressions.length);

var msg = "The current sort order is\n";

// for (i = 0; i < sortExpressions.length; i++)

// {

// var expression = sortExpressions[i];

// var fieldName = expression.get_fieldName();

// var sortOrder = expression.get_sortOrder();

// msg = msg + fieldName + " (" + sortOrder + ")\n"

// }

// alert(msg);

alert(msg + sortExpressions.toString());

}

Grid

answered on 18 Aug 2010

4 answers

297 views

[Solved] is there a click dropdown event?

I would like to clear the text of the combobox when the user presses the button to open the dropdown, but not when it opens of its own accord. Is there a click event for the button that I can use, or some other way of achieving this?

John

ComboBox

answered on 18 Aug 2010