Questions on UI for ASP.NET AJAX Forum

11 answers

1.3K+ views

RadComboBox - LoadOnDemand and Setting Initital Value/Text

I have several RadCombo boxes (latest install of Prometheus) on a screen that I wish to use for editing and adding new orders. I am using LoadOnDemand (via RadComboBox1_ItemsRequested) to populate the combo boxes with data from a SQL server database. However when editing an existing order how do I display the existing values in the database? The LoadOnDemand doesn't kick off until you actually access the combo box... I have seen several of the online demos that Telerik staff say to reference but none of them work...They say that LoadOnDemand dos not have any notion of binding or selecteditem/selectedvalue. They say instead to use the .Value and .Text property...however there is no such property as .value

To further complicate things several combo boxes are dependent on one another...i.e. select something from one combo box and the items in the second are "filtered"

Any help would be appreciated.

ComboBox

answered on 04 Apr 2012

2 answers

90 views

I'm currently evaluating the TreeView for the following Scenario:

data source is a webservice / WCF service
2000+ items
service method allows partial loading

So I want to load only the root and the first sublevel of items and then lazy load items as nodes are expanded. My Questions:

Should I build the nodes myself or use the DataSource property?
Where do I find tutorials how to build a custom lazy load?

TreeView

answered on 04 Apr 2012

4 answers

199 views

Add Column with sum result of other 2 columns

I have this code, I get data from DB, and i need to create another column in grid with de sum of column1 and 2.

view Razor:

@model List<Project.Models.VW_VisitasPorNumeroVisitas>

@{

ViewBag.Title = "Index";

}

<h2>Visitas por Numero de Visitas</h2>

@(Html.Telerik().Grid(Model)

.Name("RadGrid1")

.Sortable()

.Filterable()

.Pageable()

.Footer(true)

.NoRecordsTemplate("No hay registros")

.Columns(columns =>

{

columns.Bound(o => o.NumVisitas)

.Title("Numero de Visitas")

.Aggregate(agg => agg.Sum())

.FooterTemplate(@<text> Visitas Totales: <span >@item.Sum</span> </text>);

columns.Bound(o => o.TotalVisitas)

.Title("Cantidad de Visitas");

columns.Bound(o => o.NumVisitas)

.Title("% Visitas");

})

)

CS:

public ActionResult Index()

{

var visitasPorNum = from a in db.VW_VisitasPorNumeroVisitas

select a;

return View(visitasPorNum.ToList());

}

Grid

answered on 04 Apr 2012

5 answers

157 views

List box with drag drop loosing attribute values

Hi

I have three rad listboxes with drag and drop feature. In each list box have Items with image associated to click event call a pupup window page. I have also added some attributes to each item. Eevrything works fine, only problem i am facing is when i drag and drop any item from one list box to another the dragged item is loosing its attributes and associated click event with it.

I tried comibination of several properties on listboxes control but no luck.

<

telerik:RadListBox ID="PageHierarchies" runat="server" Width="200px" Height="200px"

TransferToID="ColumnHierarchies" AllowReorder="true" AutoPostBackOnReorder="false"

AllowTransfer="true" AutoPostBackOnTransfer="false" EnableDragAndDrop="true"

AutoPostBack="false" OnClientDragging="DraggingItem" OnClientTransferred="ItemTransferrd" AllowAutomaticUpdates="true" EnableViewState="true" PersistClientChanges=true >

</telerik:RadListBox>

Javascipt code to add attributes (higlighted in italic bold)

<

script type="text/javascript">

//<![CDATA[

var columnHirachcy;

var rowHirachcy;

var pageHirachcy;

var dimname;

var dimID;

var infosetname;

var strParms;

function

pageLoad(sender)

{

var listboxItem;

var membersCount;

var items;

var objJson;

columnHirachcy = $find(

"<%= ColumnHierarchies.ClientID %>");

rowHirachcy = $find(

"<%= RowHierarchies.ClientID %>");

pageHirachcy = $find(

"<%= PageHierarchies.ClientID %>");

objJson=window.top.GetIFrame().document[

'report1_json'];

//Column Hiraarchy

infosetname=objJson[0].name;

var infosetObj = window.top.getInfoSetByName(infosetname);

for(axisIndex=0;axisIndex<=2;axisIndex++)

{

switch(axisIndex)

{

case 0:

items=columnHirachcy;

break;

case 1:

items=rowHirachcy;

break;

case 2:

items=pageHirachcy;

break;

}

var dimCollection = infosetObj['axis' + axisIndex];

for(i=0;i<dimCollection.length;i++)

{

dimID = dimCollection[i].uname;

dimName = dimCollection[i].name;

membersCount =window.top.getMembersCount(infosetname,dimName,axisIndex,i);

var listboxItem =new Telerik.Web.UI.RadListBoxItem();

listboxItem.set_text(dimName +

"[" + membersCount + "]");

listboxItem.set_value(dimID);

listboxItem.set_selected(

false);

listboxItem.set_imageUrl(

"../Images/Filter.gif");

items.trackChanges();

items.get_items().add(listboxItem);