Oct 10, 2012, 10:34 AM
Multiselect : Remove selected item and add in other multiselect
Hi
How to find selected records multiselect using javascript
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>
How to find selected records multiselect using javascript
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>
Last edited by praveencat123; Oct 12, 2012 at 10:37 AM.
Reason: Code is too big