ExtJS sets the default value of cascading menu_extjs

static IList Provinces = new List();
static IDictionary Citys = new Dictionary();

static combox()
{
Provinces.Add(new Combox() { Id = 1, Name = "Hunan Province" });
Provinces.Add(new Combox() { Id = 2, Name = "Guangdong Province" });

Citys.Add(1, new Combox()
{
Id = 1,
Name = "Changsha City"
});

Citys.Add(2, new Combox()
{
Id = 1,
Name = "Yueyang City"
});

Citys.Add (3, new Combox()
{
Id = 2,
Name = "Shenzhen City"
});

Citys.Add(4, new Combox()
{
Id = 2,
Name = "Zhuhai City"
});
}

protected void Page_Load(object sender, EventArgs e)
{

}

///

/// Get all province data
///

///
public void GetProvinces()
{
Response.Write(new StringBuilder().Append("{count:")
.Append(Provinces.Count)
.Append(",result:")
.Append(JavaScriptConvert.SerializeObject(Provinces))
.Append('}')
.ToString());
}

///

/// Get city data below the province
///

///
public void GetCitys()
{
IList result = new List();
int Province = Convert.ToInt32(Request.QueryString["Province"]);
foreach (KeyValuePair data in Citys)
{
if (data.Value.Id == Province)
result.Add(new Combox() { Id = data.Key, Name = data .Value.Name });

}
Response.Write(new StringBuilder().Append("{count:")
.Append(result.Count)
.Append( ",result:")
.Append(JavaScriptConvert.SerializeObject(result))
.Append('}')
.ToString());
}

public override string Detail()
{
IDictionary result = new Dictionary();
result.Add("combo1", 2);
result.Add( "combo2", 2);
return JavaScriptConvert.SerializeObject(result);
}

class Combox
{
public int Id { get; set; }
public string Name { get; set; }
}

store1.load();
//Load data
Ext.Ajax.request({
url: 'combox.aspx?method=Detail',
method: 'GET ',
callback: function (options, success, response) {
if(success && response.status == 200){
//Assign values ​​in batches
form1.form.setValues(Ext .util.JSON.decode(response.responseText))
var comboValue1 = combo1.getValue();
var selectRecord;
store1.each(function(record){
if(record.data .Id == comboValue1)
selectRecord = record;
});
combo1.fireEvent('select',combo1,selectRecord);
}
}
});

store2.load ({
callback :function(r,options,success){
if(success){
if(IsLoad)
{
combo2.setValue(comboValue2);
IsLoad = false;
}
}
}
});


Code description:
a). IsLoad is a global variable, used to control the default value to be set only once
b). It is easy to make the mistake of triggering menu one and assigning a value directly to menu two. Pay attention here Because menu two has not been loaded yet, if you write the assignment directly after the trigger event, it will still be a number.

IV. Code download
/201006/yuanma/combox2010-6-12.rar
End

Pay attention to the code such as PageBase, ComboBox( Codes such as 'combo2', 'secondary menu', store2) can be found in my previous articles. When you encounter a problem, besides complaining, you can also choose to eliminate it. The pleasure after solving it is very profound. This problem was solved very early and I never had time to write about it. I still remember it clearly :)