Oct 12, 2012, 10:45 AM
Multiselect : Remove selected item and add in other multiselect using javascript
Hi
Remove selected item and add in other multiselect
below is the code ....can any one please help to get the solution
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.Net Example</title>
<script type="text/javascript">
var copy = function (source, dest) {
var selected = source.view.getSelectedRecords(),
storeDest = dest.store,
recordType = storeDest.recordType;
storeDest.removeAll();
Ext.each(selected , function (r) {
storeDest.add(new recordType(r.data));
});
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:MultiSelect ID="MultiSelect1" runat="server">
<Items>
<ext:ListItem Text="Item 1" Value="1" />
<ext:ListItem Text="Item 2" Value="2" />
<ext:ListItem Text="Item 3" Value="3" />
</Items>
</ext:MultiSelect>
<ext:Button runat="server" Text="Copy">
<Listeners>
<Click Handler="copy(MultiSelect1, MultiSelect2);" />
</Listeners>
</ext:Button>
<ext:MultiSelect ID="MultiSelect2" runat="server" />
</form>
</body>
</html>
Remove selected item and add in other multiselect
below is the code ....can any one please help to get the solution
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.Net Example</title>
<script type="text/javascript">
var copy = function (source, dest) {
var selected = source.view.getSelectedRecords(),
storeDest = dest.store,
recordType = storeDest.recordType;
storeDest.removeAll();
Ext.each(selected , function (r) {
storeDest.add(new recordType(r.data));
});
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:MultiSelect ID="MultiSelect1" runat="server">
<Items>
<ext:ListItem Text="Item 1" Value="1" />
<ext:ListItem Text="Item 2" Value="2" />
<ext:ListItem Text="Item 3" Value="3" />
</Items>
</ext:MultiSelect>
<ext:Button runat="server" Text="Copy">
<Listeners>
<Click Handler="copy(MultiSelect1, MultiSelect2);" />
</Listeners>
</ext:Button>
<ext:MultiSelect ID="MultiSelect2" runat="server" />
</form>
</body>
</html>