Questions on UI for ASP.NET AJAX Forum

6 answers

219 views

grid with delete row column button and totals.

Dear Telerik team,

I have several text and combo boxes and i use them to insert new rows into grid.
1. The column button "Delete" in grid, it is not working.
2. I want to convert the values in footer total to format string "{0:N2}" (ex. $5,000.00).
3. When i create a row, the footer total is double x2 (Capture1). If i reload the page, the footer total is correct (Capture2).

Can you please help me?

Bellow you will find my VB code.
Thank you in advance for you time.

Best Regards,
Navarino Technology Department.

Protected Sub btnCreateRates_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnCreateRates.Click

If txtCards.Text = Nothing Then

MsgBox("Please type number of cards, in order to continue.", MsgBoxStyle.OkOnly, "ERROR")

Exit Sub

Else

'Confirmation()

dtValues = DirectCast(Session("tblPendingOrders"), DataTable)

' retrieve DataTable from session

Dim drValues As DataRow = dtValues.NewRow()

GridID = grdData.MasterTableView.Items.Count + 1

drValues("ID") = GridID

drValues("Address1") = txtAddress1.Text

drValues("Address2") = txtAddress2.Text

drValues("Address3") = txtAddress3.Text

drValues("Cards") = txtCards.Value

drValues("CardType") = "Virtual"

drValues("CareOf") = txtCareOf.Text

drValues("Charge") = txtCards.Value * GetCharge()

drValues("City") = txtCity.Text

drValues("Country") = txtCountry.Text

drValues("MasterOf") = cbVessels.SelectedItem.Text

drValues("Notes") = txtNotes.Text

drValues("OrderRef") = txtOrderRef.Text

drValues("Owning") = txtOwning.Text

drValues("Price") = GetCharge()

drValues("Provider") = cbProviders.SelectedItem.Text

drValues("Units") = cbUnits.SelectedItem.Text

drValues("Vessel") = cbVessels.SelectedItem.Text

drValues("VesselID") = cbVessels.SelectedValue

drValues("ZipCode") = txtZipCode.Text

dtValues.Rows.Add(drValues)

dtValues.AcceptChanges()

Session("tblPendingOrders") = dtValues

'store DataTable in session

grdData.Rebind()

grdData.MasterTableView.IsItemInserted = False

grdData.MasterTableView.Rebind()

lblPendingOrders.Text = "Pending CCC Orders: " & grdData.MasterTableView.Items.Count

End If

End Sub

Protected Sub grdData_ItemDeleted(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridDeletedEventArgs) Handles grdData.ItemDeleted

Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)

Dim id As String = item.GetDataKeyValue("ID").ToString()

If Not e.Exception Is Nothing Then

e.ExceptionHandled = True

SetMessage("Product with ID " + id + " cannot be deleted. Reason: " + e.Exception.Message)

Else

SetMessage("Product with ID " + id + " is deleted!")

End If

End Sub

Private Sub SetMessage(ByVal message As String)

gridMessage = message

End Sub

Protected Sub grdData_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles grdData.NeedDataSource

dtValues = New DataTable()

dtValues.Columns.Add("ID")

dtValues.Columns.Add("CardType")

dtValues.Columns.Add("Provider")

dtValues.Columns.Add("Vessel")

dtValues.Columns.Add("VesselID")

dtValues.Columns.Add("Units")

dtValues.Columns.Add("Cards")

dtValues.Columns.Add("Price")

dtValues.Columns.Add("Charge")

dtValues.Columns.Add("Address1")

dtValues.Columns.Add("Address2")

dtValues.Columns.Add("Address3")

dtValues.Columns.Add("CareOf")

dtValues.Columns.Add("City")

dtValues.Columns.Add("Country")

dtValues.Columns.Add("MasterOf")

dtValues.Columns.Add("Notes")

dtValues.Columns.Add("OrderRef")

dtValues.Columns.Add("Owning")

dtValues.Columns.Add("ZipCode")

If Session("tblPendingOrders") IsNot Nothing Then

' retrieve DataTable from session

dtValues = DirectCast(Session("tblPendingOrders"), DataTable)

End If

grdData.DataSource = dtValues

Session("tblPendingOrders") = dtValues

End Sub

Protected Sub grdData_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles grdData.ItemDataBound

If TypeOf e.Item Is GridHeaderItem Then

Dim header As GridHeaderItem = DirectCast(e.Item, GridHeaderItem)

End If

If TypeOf e.Item Is GridDataItem Then

Dim dataItem As GridDataItem = CType(e.Item, GridDataItem)

Price += dataItem("Price").Text

Charge += dataItem("Charge").Text

Cards += dataItem("Cards").Text

End If

If (TypeOf e.Item Is GridFooterItem) Then

Dim footerItem As GridFooterItem = CType(e.Item, GridFooterItem)

footerItem("Price").Text = Price

footerItem("Charge").Text = Charge

footerItem("Cards").Text = Cards

footerItem("Provider").Controls.Add(New LiteralControl("Totals: "))

End If

End Sub

Grid

answered on 15 Dec 2010

1 answer

163 views

Header vertical alignment

Hi

I am using Q3 2010 release but seeing what may be an old problem in IE8,
namely that left-aligned columns have header text which is displaced to the left vs the item text.

Chrome and other browsers are OK, with correct vertical alignment of header and item.

How can I fix this? Obviously I can add a space character to the left of the header text but this
spoils the alignment for other browsers.

What is the right fix?

Thanks
Clive

Grid

answered on 15 Dec 2010

2 answers

57 views

[Solved] Link thumbnails to the original image in the Image Manager dialog

Hi,
We are using RadEditor Version 2009.3.1208. I found that there is an issue with the Link to Original checkbox in image manager(its not inserting the anchor tag if this check box is checked). I found that this issue is fixed already in newer release, but Just wanted to know whether there is any hot fix I can use for version - 2009.3.1208. Help would be highly appreciated. Also wanted to make sure that its old version's bug.

Thanks,
Akila.

Editor

answered on 15 Dec 2010

2 answers

134 views

automatic filter

Hi,

My customer really likes the radGrid in combination with LINQ. But since he only use the filter "Contains" in the grid, he would like when you press "enter" the grid starts the search command with "Contains". Like that he doesn't need to use his mouse anymore to navigate in the filter menu. Is this possible? If so, can someone explain it to me, would be really helpfull!

Second question, way less important... is it possible to hide to search button and only leave the textfield.

Best regards,
Kevin

Grid

answered on 15 Dec 2010

5 answers

103 views

[Solved] Right to left editor and Format Code Block issue

Hi there
when the editor is in right to left mode Format Code Block tool also adds code snippets in right to left and even in the right side of the editor.
as you know all the programming languages are in English so the Format Code Block have to be in LTR mode and doesn't changed when editor goes to RTL.
hope this will be fixed in next build.
Thanks.

Editor

answered on 15 Dec 2010

4 answers

78 views

[Solved] Image Editor Flip, Rotate Issue in FireFox

Hi,

We are using RadEditor Version 2009.3.1208. I have an issue with Image Editor Flip and rotate in Firefox. Actaully, its not working in Firefox. And I have gone through the code and found that filter is used for flipping and rotating the images. And I think filter is specific to IE and there is a code to just "return" if the filter is null which makes it not to work in firefox. ITs problem with both flip and rotate, does any one had the same problem? How can I fix this?Any one can help me?

_updateFlipUI: function()

{

var horiz = this._flipHorizontal;

var vertical = this._flipVertical;

var filters = this._image.filters;

//Moz TEMP

if (!filters)

return;

filters.item("flipH").enabled = horiz ? 1 : 0;

filters.item("flipV").enabled = vertical ? 1 : 0;

},

_updateRotationUI: function() 
    { 
        var image = this._image; 
  
        //If IE 
        var filters = image.filters; 
        if (filters) 
        { 
            var filter = filters.item("DXImageTransform.Microsoft.Matrix"); 
            if (filter) 
            { 
                //deg input defines the requested angle of rotation. 
                var deg = this._rotationAngle; 
                var deg2radians = Math.PI * 2 / 360; 
  
                var rad = deg * deg2radians; 
                var costheta = Math.cos(rad); 
                var sintheta = Math.sin(rad); 
                filter.M11 = costheta; 
                filter.M12 = -sintheta; 
                filter.M21 = sintheta; 
                filter.M22 = costheta; 
            } 
        } 
    }

//Will be different in different browsers

_customInitialize: function()

{

//Set all filters to the image (TODO: the matrix filter in the future too)

this._image.style.filter = "flipH flipV progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100) progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingmethod='auto expand')";

},

Thanks,
Akila.

Editor

answered on 15 Dec 2010

3 answers

121 views

RadComboBox items slide positions is not proper

Hi There!

can any one help me on RadComboBox items slide position. When i click on comboBox it shows the items slide but somewhere down to the page, not exactly down to the dropdown. Can anybody tell me what i have to do to make items scroll right down to the dropdown?

please find the attachment for the comboBox screenshot and code for RadComboBoox below:

<

telerik:RadComboBox ID="ddlFilterType" runat="server"

EnableEmbeddedSkins="false" DropDownWidth ="95px" Skin="MyBlack" BorderColor="Gray"

BorderWidth="1px" Width="120px" OnSelectedIndexChanged ="ddlFilterType_SelectedIndexChanged"

AutoPostBack ="true" AppendDataBoundItems ="true">

<Items>

<telerik:RadComboBoxItem runat="server" Height ="20" Text="State" Value="1" />

<telerik:RadComboBoxItem runat="server" Height ="20" Text="Provider" Value="2" />

<telerik:RadComboBoxItem runat="server" Height ="20" Text="Faculty" Value="3" />

</Items>

</telerik:RadComboBox>

Please send me your idea on this issue.

Thank You,
--Shilpa

General Discussions

answered on 15 Dec 2010

5 answers

255 views

[Solved] RadToolBarButton Float: Right - FireFox Display Problem

Hi,

I'm currently using the following CSS to Float my RadToolBar Buttons on the Right:

div.RadToolBar .rtbUL { width: 100%; }

div.RadToolBar .rightButton { float: right; }

However, when my page is displayed in FireFox my buttons are displayed Floating to the right, but on a second line under the first. Is there any way to prevent this from happening in FireFox? I have attached an image of exactly what is happening.

Thanks,

Landon

ToolBar

answered on 15 Dec 2010

3 answers

468 views

Enable\disable requiredfield validator on PerformInsert command of grid

I have a RadGrid that uses a GridTemplate column along with two Gridbutton columns called Edit and Delete and one link to ADD NEW RECORD.When I click on 'add new record' link to enter new record.In insert mode,treeview along with some textboxes get displayed with validation.What I want that onclick of Save button,it validate all textboxes along with treeview if it is enabled otherwise it should validate only textboxes.On 'PerformInsert' command ,I try to enable or disable that validator depending on the status of treeview.but it is not working.I try to change the Validation group also but still it is not working.

<telerik:RadGrid ID="radgridUserMgt" GridLines="None" runat="server" AllowAutomaticDeletes="true" AllowAutomaticInserts="false" AllowAutomaticUpdates="false" AllowSorting="true" AutoGenerateColumns="false" OnSortCommand="radgridUserMgt_SortCommand" OnItemCommand="radgridUserMgt_ItemCommand">

<mastertableview commanditemdisplay="TopAndBottom" datakeynames="UserID" itemstyle-horizontalalign="Left" alternatingitemstyle-horizontalalign="Left"

autogeneratecolumns="false" editmode="EditForms" insertitemdisplay="Top">

<ItemStyle Font-Size="11px" /> <AlternatingItemStyle Font-Size="11px" />

<Columns>                                                                 <telerik:GridTemplateColumn HeaderText=

"Email" UniqueName="Email" SortExpression="Email" ColumnEditorID="EmailColumnEditor" DataField="Email" >

<ItemTemplate>

<asp:Label runat="server" ID="lblEmail" Text='<%# AntiXss.HtmlEncode(Eval("Email").ToString())%>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox MaxLength="100" runat="server" ID="txtEmail" Width="100px" Text='<%# Bind("Email") %>' ></asp:TextBox><span

style="color: Red ;"><asp:RequiredFieldValidator ID="valReqFieldEmail" ControlToValidate="txtEmail" ErrorMessage="*" runat="server" Width="10px" ValidationGroup="ValidationGrp1" > </asp:RequiredFieldValidator> 

</EditItemTemplate>                                                        </telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Business Email" UniqueName="BusinessEmail" SortExpression="BusinessEmail"

ColumnEditorID="BusinessEmailColumnEditor" DataField="BusinessEmail" ItemStyle-Width="10px"

>                                                            <ItemTemplate>                                                                <asp:Label runat=

"server" ID="lblBusinessEmail" Text='<%# AntiXss.HtmlEncode(Eval("BusinessEmail").ToString())%>'

></asp:Label>                                                            </ItemTemplate>                                                            <EditItemTemplate>                                                                       <asp:TextBox MaxLength=

"100" runat="server" ID="txtBusinessEmail" Width="100px" Text='<%# Bind("BusinessEmail") %>' ValidationGroup="ValidationGrp1" ></asp:TextBox> 

</EditItemTemplate>                                                        </telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="SelectPartner" HeaderText="Select Partner" Visible="false" ColumnEditorID="SelectPartnerColumnEditor"

>                                   <ItemTemplate>                                                                <asp:Label runat=

"server" ID="lblSelectPartner" Text="Select Partner"></asp:Label>

</ItemTemplate>                                                            <EditItemTemplate>                                                            <span>                                                                <telerik:RadTreeView ID=

"radSelectPartner" runat="server" CheckBoxes="True" Height="150px" TriStateCheckBoxes="true" CheckChildNodes="true"

OnLoad="radSelectPartner_Load" ValidationGroup="ValidationGrp1">

</telerik:RadTreeView></span>                                                                    <asp:RequiredFieldValidator ID=

"valReqFieldSelectPartner" runat="server" ErrorMessage="*" ControlToValidate="radSelectPartner" Width="10px" ValidationGroup="ValidationGrp1" EnableClientScript="true">

</asp:RequiredFieldValidator>                                                      </EditItemTemplate>                                                        </telerik:GridTemplateColumn>                                                        <telerik:GridButtonColumn HeaderText=

"Edit" CommandName="Edit" Text="Edit" ItemStyle-HorizontalAlign="Center" ButtonType="ImageButton" UniqueName="EditCommandColumn" ImageUrl="~/OneViewImages/edit.png"> </telerik:GridButtonColumn>

<telerik:GridButtonColumn HeaderText="Delete" ButtonType="ImageButton" Text="Delete User" UniqueName="DeleteColumn" >

</telerik:GridButtonColumn>                                                      </Columns>                                                                         <EditFormSettings ColumnNumber=

"3">

<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="LightBlue" Width="100%"

/>                                                        <FormTableStyle CellSpacing=

"0" CellPadding="2" Height="80px" Width="100%" BackColor="LightBlue"

/>                                                        <FormTableAlternatingItemStyle Wrap=

"False" ></FormTableAlternatingItemStyle>

<EditColumn ButtonType="ImageButton" InsertText="Add User" UpdateText="Update" UniqueName="EditCommandColumn1" CancelText="Cancel"

>                 </EditColumn>                                                        <FormTableButtonRowStyle HorizontalAlign=

"Right"></FormTableButtonRowStyle>

</EditFormSettings>                                                </mastertableview>                                                <ValidationSettings CommandsToValidate=

"PerformInsert,Update" ValidationGroup="ValidationGrp1" />

Any help will be appreciated.its urgent
Thanks

Grid

answered on 15 Dec 2010

7 answers

498 views

Set Time Interval for GridDateTimeColumn

I know how to set the Time interval for RadDateTimePicker to a value that I need, as well as the number of columns etc. My problems is that I do not know of any way of doing this for the GridDateTimeColumn, to ensure that my intervals for all my time pickers are consistent across my site.

How do I do this?

Grid

answered on 15 Dec 2010