Questions on UI for ASP.NET AJAX Forum

2 answers

106 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

235 views

[Solved] 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

192 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);