Questions on UI for ASP.NET AJAX Forum

3 answers

109 views

Hi there,

I am sure it is something very trivial, but I've spent couple of hours on that already and I think I am missing some obvious thing at that point.

I am trying to have something similar to next demo: http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/filteringcombo/defaultcs.aspx

However, filtering just doesn't work at all. Typing in the ComboBox is not doing anything.

Here is my sample application:

<telerik:RadScriptManager ID="m1" runat="server"/>

<telerik:RadComboBox ID="b1" runat="server" AutoPostBack="true"

AllowCustomText="true" Filter="Contains"

Style="vertical-align: middle;" Width="100px" Label="Filter:">

<Items>

<telerik:RadComboBoxItem Text="None" Value="0" />

<telerik:RadComboBoxItem Text="Contains" Value="1"/>

<telerik:RadComboBoxItem Text="StartsWith" Value="2" />

</Items>

</telerik:RadComboBox>

As you can see example is very simple and there is literally nothing in there.

I also tried setting

DataTextField to Text or Value. Doesn't matter - still no results.

I also tried to do DataBind() from server side code to ObservableCollection<string> and Dictionary<string,string> with no results as well.



Please advise.



Thanks,

Nick

ComboBox

answered on 07 Jun 2011

1 answer

76 views

Left align export buttons

Hello,

I am setting up a grid similar to the one found at :

http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/exporting/defaultvb.aspx

Except, I would like to have the export button on the left side instead of far right.

Is that possible?

Thank you,

Sadiq N.

Grid

answered on 07 Jun 2011

0 answers

59 views

js error on delete appointments

Retracted. Sorry to bother.

Scheduler

asked on 07 Jun 2011

6 answers

164 views

Getting radgrid first, to be inserted dataitem on client

HI,

I need to traverse through radgrid dataitems on client to perform some logic. It looks like my code works fine in readonly and update mode, however it does not work when
I am trying to insert any item in the grid. Basically I do not know how to get reference to the "to be inserted item".

For example, if I am inserting first item in the grid then
masterTableView.get_dataItems().length returns 0.
So the Question is:
1. how do I reference the "To be inserted item"
2. how do I get a reference an element/control inside "To be inserted item")
Please Help...

Here is my javascript function:

function getTaxableOrderSubTotal()

{

var taxableOrderSubTotalAmnt = 0.00;

var radGrid = $find('<%= RadGrid1.ClientID %>');

var masterTableView;

var tableViewRows;

var length = 0;

if (radGrid) {

masterTableView = radGrid.get_masterTableView();

}

if (masterTableView) {

tableViewRows = masterTableView.get_dataItems();

}

if (tableViewRows) {

length = tableViewRows.length;

}

if (masterTableView) {

if (length > 0) {

for (var i = 0; i < length; i++) {

var dataItem = masterTableView.get_dataItems()[i];

var isLITaxable = false;

if (dataItem) {

// 1. Get Taxable Check box value

var chkTxbl = dataItem.findElement("chkTaxableLI");

var liTotalPrice = 0.00;

if (chkTxbl && chkTxbl.checked) {

// Get Total lineITem Price:

// if litTotalPrice control is found the

//item is in readonly mode

// if txtTotalPrice control is found then

// item is in edit mode

if (dataItem.findElement("litTotalPrice")) {

liTotalPrice = dataItem.findElement("litTotalPrice").value;

}

else if (dataItem.findElement("txtTotalPrice")) {

liTotalPrice = dataItem.findElement("txtTotalPrice").value;

}

taxableOrderSubTotalAmnt = parseFloat(taxableOrderSubTotalAmnt) + parseFloat(liTotalPrice);

}

return taxableOrderSubTotalAmnt;

}

ComboBox

answered on 07 Jun 2011

1 answer

117 views

RadComboBox.databind() inside RadPanelBar

I am trying to rebind a "cb_SAACode" when "cb_bondClass" selected index is changed. "cb_SAACode" seems to be rebinding but it is not refreshing on the page. I tried to use the "FindControl" method to find "cb_SAACode" but it doesn't seem to help at all. Attached are the code snippets. Note, this is not the full code so it will not compile. Thanks for the help.

Front-end

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script>...</script>

</telerik:RadCodeBlock>

<asp:Panel ID="pnltest" runat="server">

<telerik:RadAjaxManager ID="RAManager1" EnableAJAX="true" runat="server" OnAjaxRequest="RAManager1_AjaxRequest">

</telerik:RadAjaxManager>

<asp:UpdatePanel ID="testUP" runat="server" UpdateMode="Always" class="showcreation">

<ContentTemplate>

<fieldset class="fieldsetwidth">

<table class="fTable">

<tr>

<td>

<asp:Label ID="lbl_BondClass" runat="server" Text="Bond Class:" />

</td>

<td>

<telerik:RadComboBox ID="cb_bondClass" runat="server" OnDataBinding="cb_BC_DataBinding"

AutoPostBack="true" OnSelectedIndexChanged="cb_bondClass_SelectedIndexChanged"

SkinID="BondClassRadComboBox">

<HeaderTemplate>

<ul>

<li class="bondClassColOne">Bond Class </li>

<li class="bondClassColTwo">Description </li>

</ul>

</HeaderTemplate>

<ItemTemplate>

<ul>

<li class="bondClassColOne">

<%# DataBinder.Eval(Container, "Text")%>

</li>

<li class="bondClassColTwo">

<%# DataBinder.Eval(Container, "Attributes['Description']")%>

</li>

</ul>

</ItemTemplate>

</telerik:RadComboBox>

</td>

</tr>

</table>

</fieldset>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Panel>

<telerik:RadPanelBar ID="rpb_BondCreation" runat="server" ExpandMode="MultipleExpandedItems"

Width="727" Skin="Simple">

<Items>

<telerik:RadPanelItem Text="Statistics" Expanded="false" runat="server">

<Items>

<telerik:RadPanelItem Value="Statistics" runat="server">

<ContentTemplate>

<table class="formContent" cellspacing="1">

<tr>

<td>

<asp:ValidationSummary ID="ValidationSummary2" runat="server" HeaderText="There were errors on the page:"

DisplayMode="BulletList" ShowMessageBox="true" ValidationGroup="vg_btn_CalculatePremium"

ShowSummary="false" />

</td>

</tr>

<tr>

<td colspan="2">

<table>

<tr>

<td>

<asp:Label ID="lbl_SAACode" runat="server" Text="SAA Code:" />

</td>

<td>

<telerik:RadComboBox ID="cb_SAACode" runat="server" HighlightTemplatedItems="true"

Skin="Simple" DropDownWidth="600px" EnableLoadOnDemand="True" Width="100px" OnClientSelectedIndexChanged="fillSAACode"

OnDataBound="cb_SAACode_DataBound">

<HeaderTemplate>

<table>

<tr>

<td style="width: 50px">

SAA

</td>

<td style="width: 300px">

DESC

</td>

<td style="width: 150px">

GENERAL

</td>

<td style="width: 100px">

RATECLASS

</td>

<td style="visibility: collapse;">

SAACODEEFF

</td>

<td style="visibility: collapse;">

SAACODEDIS

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table>

<tr>

<td style="width: 150px" id="saaVal">

<%# DataBinder.Eval(Container, "Value")%>

</td>

<td style="width: 200px" id="saaDesc">

<%# DataBinder.Eval(Container, "Text")%>

</td>

<td style="width: 150px" id="saaClass">

<%# DataBinder.Eval(Container, "Attributes['GENERAL']")%>

</td>

<td style="width: 50px" id="saaRate">

<%# DataBinder.Eval(Container, "Attributes['RATECLASS']")%>

</td>

<td style="visibility: collapse;">

<%# DataBinder.Eval(Container, "Attributes['SAACODEEFF']")%>

</td>

<td style="visibility: collapse;">

<%# DataBinder.Eval(Container, "Attributes['SAACODEDIS']")%>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="saacodevalidator" runat="server" ControlToValidate="cb_SAACode"

ValidationGroup="vg_btn_process" ErrorMessage="SAA Code is required." Display="None">

</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</td>

</tr>

</table>

<%# DataBinder.Eval(Container, "Value")%>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</asp:Content>

Back-end

namespace BSGSuretyRewrite.BondCreation

{

[System.Web.Script.Services.ScriptService]

public partial class BondCreation : System.Web.UI.Page

{

public string mError = string.Empty;

public string sRollback = Environment.NewLine + " IF @@error <> 0 BEGIN ROLLBACK TRANSACTION RETURN END " + Environment.NewLine;

public string qBType;

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

cb_IssuedBy.DataBind();

ddl_TerminationProvisions.Attributes.Add("onChange", "onSelect();");

this.btn_ClearAddress.Attributes["onClick"] = "return false;";

cb_SameAddress.Attributes.Add("onclick", "javascript:OnCheck_Changed(this);");

int bidNum = int.Parse(Request.QueryString["BidNum"]);

qBType = Request.QueryString["bType"];

cb_bondClass.DataBind();

RadPanelItem item = (RadPanelItem)rpb_BondCreation.FindItemByValue("Statistics");

RadComboBox combo = (RadComboBox)item.FindControl("cb_SAACode");

combo.DataBind();

}

protected void cb_bondClass_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

if (txt_BondType.Text == "Commercial")

cb_Risk.DataBind();

ClearSAAcode();

}

protected void ClearSAAcode()

{

RadPanelItem item = (RadPanelItem)rpb_BondCreation.FindItemByValue("Statistics");

RadComboBox combo = (RadComboBox)item.FindControl("cb_SAACode");

combo.Items.Clear();

combo.DataBind();

txt_SAADescription.Text = string.Empty;

txt_SAAClass.Text = string.Empty;

txt_RateClass.Text = string.Empty;

}

protected void cb_SAACode_DataBound(object sender, EventArgs e)

{

RadComboBox SAArcb = (RadComboBox)sender;

if (SAArcb.Items.Count != 0)

{

SAArcb.Items.Clear();

SAArcb.Text = string.Empty;

}

int bondType = -1;

if (qBType == "Commercial")

bondType = 1;

else

bondType = 0;

List<Saa> mySAA = UtilityBond.GetSAACodeListByTypeandClass(cb_bondClass.SelectedValue, bondType);

foreach (Saa s in mySAA)

{

RadComboBoxItem item = new RadComboBoxItem();

item.Text = s.SAA_CODE.ToString();

item.Value = s.SAA_DESC;

item.Attributes.Add("GENERAL", s.GENERAL);

item.Attributes.Add("RATECLASS", s.RATECLASS ?? "");

item.Attributes.Add("SAACODEEFF", s.ClsCodeEff.ToString() ?? "");

item.Attributes.Add("SAACODEDIS", s.ClsCodeDisable.ToString() ?? "");

SAArcb.Items.Add(item);

item.DataBind();

}

RadComboBoxItem item1 = new RadComboBoxItem();

SAArcb.Items.Insert(0, item1);

}

PanelBar

answered on 06 Jun 2011

1 answer

88 views

editor.fire - CallBack will not execute

I found the following code in an existing thread (http://www.telerik.com/community/forums/aspnet/editor/set-default-image-properties-when-inserting.aspx). The editor.fire executes fine, but the callback never runs. Any suggestions?

Telerik.Web.UI.Editor.CommandList["ImageDialog"] = function (commandName, editor, args) {
        function callBackFn(result) {
            if (result) {
               var imgTag = "<img src=" + result.imagePath + " hspace='10' vspace='5' align='right' />";
               editor.PasteHtml(imgTag);
            }
        }
        editor.fire('ImageManager' , callBackFn);
};

Editor

answered on 06 Jun 2011

2 answers

56 views

RadTabStrip IE glitch - new as of 6/6/11

Within the past day and a half, the radtabstrips in my project look wonky in IE8 (including compatibility mode). Here is what they look like in: Firefox and Internet Explorer 8. Until yesterday, they looked in IE like they do in Firefox, but as of last night/today they look 1px off - just wonky. I have not changed my code and in analyzing the CSS that's going on behind the scenes, the only CSS not from the Telerik code is a blanket * {margin:0; padding:0} applied to everything. This CSS entry has been in the project the whole time. I'm not doing anything particularly amazing with the control; here's the html:

<telerik:RadTabStrip runat="server" ID="rtsStatus" Width="100%" ShowBaseLine="true" AutoPostBack="true"></telerik:RadTabStrip>

and here's the code behind:

rtsStatus.DataSource = CachedDataTables.CandidateStatus

rtsStatus.DataTextField = "Title"

rtsStatus.DataValueField = "CandidateStatusID"

rtsStatus.DataBind()

This is just one sample - I use the tab control all over, sometimes with a databind, sometimes without. All of them look the same way.

TabStrip

answered on 06 Jun 2011

3 answers

237 views

GridDropDownColumn - How Do I Get the Value During Update?

I have a radgrid that looks like:



<

telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="MultiEmployeeList" AutoGenerateColumns="False"

CellSpacing="0" GridLines="None" GroupingEnabled="False" AllowMultiRowEdit="false"

AutoGenerateEditColumn="True" HorizontalAlign="Left"Width="800px">

<ClientSettings>

<ClientEvents OnCommand="OnCommand" />

</ClientSettings>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

<MasterTableView DataSourceID="MultiEmployeeList" DataKeyNames="rasID" ClientDataKeyNames="rasID"

EditMode="InPlace">

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="empName" FilterControlAltText="Filter column column"

UniqueName="Name" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn DataField="rasRoleID" DataSourceID="RoleList" FilterControlAltText="Filter column column"

ListTextField="mrrRoleDesc" ListValueField="mrrID" UniqueName="rasRoleID" EmptyListItemText=" -- Select Role --"

EnableEmptyListItem="True" >

</telerik:GridDropDownColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

I do an AJAX-type webservice post during update, and it all works fine.
My question is, how can I find the value of the combo box the user has selected during update so I can post this back using a web service?
I can get the key value of the row, but finding the new selected value (rasRoleID) is eluding me.

Thanks.

Grid

answered on 06 Jun 2011

1 answer

48 views

drag'n drop several items

I'm using a ListView which displays multiple items, I can drag'n drop each item onto a Treeview.
I'd like to drag'n drop several items at once, do you have an idea to do that?

ListView