I want to drag and drop from a RadListBox To another RadListBox in a table ?
and persist this server side but it not works :
My .cs :
protected void Page_Load(object sender, EventArgs e)
{
// Total number of rows.
int rowCnt = 4;
// Current row count.
int rowCtr;
// Total number of cells per row (columns).
int cellCtr;
// Current cell counter
int cellCnt = 7;
// rowCnt = int.Parse(TextBox1.Text);
// cellCnt = int.Parse(TextBox2.Text);
for (rowCtr = 1; rowCtr <= rowCnt; rowCtr++)
{
// Create new row and add it to the table.
HtmlTableRow tRow = new HtmlTableRow();
Table1.Rows.Add(tRow);
for (cellCtr = 1; cellCtr <= cellCnt; cellCtr++)
{
// Create a new cell and add it to the row.
HtmlTableCell tCell = new HtmlTableCell();
// tCell.Text = "Row " + rowCtr + ", Cell " + cellCtr;
RadListBox rr = new RadListBox();
rr.ItemTemplate = new RadListBoxTemplate();
rr.SelectionMode = ListBoxSelectionMode.Multiple;
rr.AllowReorder =true;
rr.AutoPostBackOnReorder =true;
rr.EnableDragAndDrop =true;
List<int> i = new List<int>();
i.Add(1);
i.Add(2);
i.Add(3);
rr.DataSource = i;
rr.DataBind();
tCell.Controls.Add(rr);
tRow.Cells.Add((tCell));
}
}
}
////
class RadListBoxTemplate : ITemplate
{
public void InstantiateIn(Control container)
{
Label id = new Label();
id.ID = "idLabel";
id.CssClass = "idClass";
id.DataBinding += new EventHandler(id_DataBinding);
container.Controls.Add(id);
Label name = new Label();
name.ID = "nameLabel";
name.CssClass = "list";
name.DataBinding += new EventHandler(name_DataBinding);
container.Controls.Add(name);
HyperLink details = new HyperLink();
details.ID = "details";
details.CssClass = "list";
details.Text = "Details";
details.DataBinding += new EventHandler(details_DataBinding);
container.Controls.Add(details);
}
private void id_DataBinding(object sender, EventArgs e)
{
//Label target = (Label)sender;
//RadListBoxItem item = (RadListBoxItem)target.BindingContainer;
//string id = Convert.ToString((int)DataBinder.Eval(item.DataItem, "ID"));
//target.Text = id;
}
private void name_DataBinding(object sender, EventArgs e)
{
//Label target = (Label)sender;
//RadListBoxItem item = (RadListBoxItem)target.BindingContainer;
//string name = (string)DataBinder.Eval(item.DataItem, "Name");
//target.Text = name;
}
private void details_DataBinding(object sender, EventArgs e)
{
//HyperLink target = (HyperLink)sender;
//RadListBoxItem item = (RadListBoxItem)target.BindingContainer;
//string id = Convert.ToString((int)DataBinder.Eval(item.DataItem, "ID"));
//target.NavigateUrl = "Details.aspx?ID=" + id;
}
}
My .aspx like this :
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">
<telerik:RadListBox ID="RadListBox1" CssClass="RadListBox1" runat="server" Width="200px"
Height="200px" SelectionMode="Multiple" AllowTransfer="true" AutoPostBackOnTransfer="true"
AllowReorder="true" AutoPostBackOnReorder="true" EnableDragAndDrop="true" Skin="Office2010Blue"
OnDropped="RadListBox1_Dropped" OnDropping="RadListBox1_Dropping" OnTransferring="RadListBox1_Transferring">
<Items>
<telerik:RadListBoxItem Text="Argentina"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Australia"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Brazil"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Canada"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Chile"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="China"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Egypt"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="England"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="France"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Germany"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="India"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Indonesia"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Kenya"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Mexico"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="New Zealand"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="South Africa"></telerik:RadListBoxItem>
</Items>
</telerik:RadListBox>
<table id="Table1" runat="server" rules="Both">
</table>
</telerik:RadAjaxPanel>
and persist this server side but it not works :
My .cs :
protected void Page_Load(object sender, EventArgs e)
{
// Total number of rows.
int rowCnt = 4;
// Current row count.
int rowCtr;
// Total number of cells per row (columns).
int cellCtr;
// Current cell counter
int cellCnt = 7;
// rowCnt = int.Parse(TextBox1.Text);
// cellCnt = int.Parse(TextBox2.Text);
for (rowCtr = 1; rowCtr <= rowCnt; rowCtr++)
{
// Create new row and add it to the table.
HtmlTableRow tRow = new HtmlTableRow();
Table1.Rows.Add(tRow);
for (cellCtr = 1; cellCtr <= cellCnt; cellCtr++)
{
// Create a new cell and add it to the row.
HtmlTableCell tCell = new HtmlTableCell();
// tCell.Text = "Row " + rowCtr + ", Cell " + cellCtr;
RadListBox rr = new RadListBox();
rr.ItemTemplate = new RadListBoxTemplate();
rr.SelectionMode = ListBoxSelectionMode.Multiple;
rr.AllowReorder =true;
rr.AutoPostBackOnReorder =true;
rr.EnableDragAndDrop =true;
List<int> i = new List<int>();
i.Add(1);
i.Add(2);
i.Add(3);
rr.DataSource = i;
rr.DataBind();
tCell.Controls.Add(rr);
tRow.Cells.Add((tCell));
}
}
}
////
class RadListBoxTemplate : ITemplate
{
public void InstantiateIn(Control container)
{
Label id = new Label();
id.ID = "idLabel";
id.CssClass = "idClass";
id.DataBinding += new EventHandler(id_DataBinding);
container.Controls.Add(id);
Label name = new Label();
name.ID = "nameLabel";
name.CssClass = "list";
name.DataBinding += new EventHandler(name_DataBinding);
container.Controls.Add(name);
HyperLink details = new HyperLink();
details.ID = "details";
details.CssClass = "list";
details.Text = "Details";
details.DataBinding += new EventHandler(details_DataBinding);
container.Controls.Add(details);
}
private void id_DataBinding(object sender, EventArgs e)
{
//Label target = (Label)sender;
//RadListBoxItem item = (RadListBoxItem)target.BindingContainer;
//string id = Convert.ToString((int)DataBinder.Eval(item.DataItem, "ID"));
//target.Text = id;
}
private void name_DataBinding(object sender, EventArgs e)
{
//Label target = (Label)sender;
//RadListBoxItem item = (RadListBoxItem)target.BindingContainer;
//string name = (string)DataBinder.Eval(item.DataItem, "Name");
//target.Text = name;
}
private void details_DataBinding(object sender, EventArgs e)
{
//HyperLink target = (HyperLink)sender;
//RadListBoxItem item = (RadListBoxItem)target.BindingContainer;
//string id = Convert.ToString((int)DataBinder.Eval(item.DataItem, "ID"));
//target.NavigateUrl = "Details.aspx?ID=" + id;
}
}
My .aspx like this :
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">
<telerik:RadListBox ID="RadListBox1" CssClass="RadListBox1" runat="server" Width="200px"
Height="200px" SelectionMode="Multiple" AllowTransfer="true" AutoPostBackOnTransfer="true"
AllowReorder="true" AutoPostBackOnReorder="true" EnableDragAndDrop="true" Skin="Office2010Blue"
OnDropped="RadListBox1_Dropped" OnDropping="RadListBox1_Dropping" OnTransferring="RadListBox1_Transferring">
<Items>
<telerik:RadListBoxItem Text="Argentina"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Australia"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Brazil"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Canada"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Chile"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="China"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Egypt"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="England"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="France"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Germany"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="India"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Indonesia"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Kenya"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Mexico"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="New Zealand"></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="South Africa"></telerik:RadListBoxItem>
</Items>
</telerik:RadListBox>
<table id="Table1" runat="server" rules="Both">
</table>
</telerik:RadAjaxPanel>