Mar 27, 2013, 11:38 AM
How to change combobox store in javascript ?
haw can i change combobox store in javascript ?
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="System.Xml" %>
<%@ 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">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
#region subjects
System.Data.DataTable dt = new System.Data.DataTable();
dt.Columns.Add("Subject_ID");
dt.Columns.Add("subjectName");
System.Data.DataRow drow = null;
for (int i = 0; i < 4; i++)
{
drow = dt.NewRow();
drow["Subject_ID"] = i;
drow["subjectName"] = "Subject" + i.ToString();
dt.Rows.Add(drow);
}
stsubject.DataSource = dt;
stsubject.DataBind();
#endregion
#region Class
System.Data.DataTable dt1 = new System.Data.DataTable();
dt1.Columns.Add("class_ID");
dt1.Columns.Add("ClassName");
System.Data.DataRow drow1 = null;
for (int c = 0; c < 4; c++)
{
drow1 = dt1.NewRow();
drow1["class_ID"] = c;
drow1["ClassName"] = "Class" + c.ToString();
dt1.Rows.Add(drow1);
}
stClass.DataSource = dt1;
stClass.DataBind();
#endregion
}
</script>
<head runat="server">
<title>Local Paging for Remote Data - Ext.NET Examples</title>
<script type="text/javascript">
var Beforeshow = function (sender, e) {
{
if (sender.trg.id.indexOf("ext-gen") == 0 || sender.trg.id == "") {
if (sender.trg.parentNode.id.indexOf("ext-gen") == 0 || sender.trg.parentNode.id == "") {
return false;
}
}
}
}
var MenuClick = function (sender, e) {
var comp = Ext.getCmp(sender.trg.id);
if (comp != undefined) {
cbdF = Ext.getCmp("cbdynStore");
cbdF.initComponent();
if (cbdF != undefined) {
cbdF.store = comp.store;
cbdF.displayField = comp.displayField;
cbdF.valueField = comp.valueField;
cbdF.initialConfig.store = comp.store;
cbdF.initialConfig.displayField = comp.displayField;
cbdF.initialConfig.valueField = comp.valueField;
}
try {
Ext.getCmp("cbdynStore").view.store = comp.store;
Ext.getCmp("cbdynStore").view.refresh();
} catch (e) { }
}
};
</script>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<ext:Store ID="stsubject" IDMode="Static" runat="server">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="Subject_ID" />
<ext:RecordField Name="subjectName" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Store ID="stClass" IDMode="Static" runat="server">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="class_ID" />
<ext:RecordField Name="ClassName" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Menu ID="LoadStoreMenu" runat="server" IDMode="Static">
<Items>
<ext:CheckMenuItem ID="chbxStore" IDMode="Static" runat="server" Text="LoadStore">
<Menu>
<ext:Menu ID="mSotre" IDMode="Static" runat="server">
<Items>
<ext:ComboBox ID="cbdynStore" IDMode="Static" runat="server">
</ext:ComboBox>
</Items>
</ext:Menu>
</Menu>
</ext:CheckMenuItem>
</Items>
<Listeners>
<BeforeShow Fn="Beforeshow" />
<Show Fn="MenuClick" />
</Listeners>
</ext:Menu>
<ext:Panel ID="p1" runat="server" IDMode="Static" Frame="true" ContextMenuID="LoadStoreMenu">
<Items>
<ext:ComboBox ID="cbSubject" runat="server" IDMode="Static" FieldLabel="Subjects"
StoreID="stsubject" ValueField="Subject_ID" DisplayField="subjectName">
</ext:ComboBox>
<ext:ComboBox ID="cbClass" runat="server" IDMode="Static" FieldLabel="Class" StoreID="stClass"
ValueField="class_ID" DisplayField="ClassName">
</ext:ComboBox>
</Items>
</ext:Panel>
</form>
</body>
</html>
Last edited by imaa; Mar 27, 2013 at 11:45 AM.