Link combo box problem!!!!!!!!!!!!!!!!!!!!!!
Hi all,
I want to use link combo box but it have any problems. I spend too much my time but don't resolve it.
Please get my sample project http://www.4shared.com/file/Bxg-u5Up/WebSites.html , it have 3 folders:
1. Data folder: contains the script to create database (sql 2008)
2. Web site folder: contains the UI code
3. Lib folder: contains some dll reference file.
or see following code:
HTML code:
Code:
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<html>
<head>
<title></title>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<ext:ComboBox ID="cboCountry" runat="server" Width="200" FieldLabel="Quốc gia" DisplayField="Name"
ValueField="ID" TypeAhead="true" Mode="Local" Editable="true" ForceSelection="true"
TriggerAction="All" EmptyText="Chọn quốc gia" SelectOnFocus="true" LabelSeparator="<font color=red>*</font>"
LoadingText="Đang tải dữ liệu ...">
<Store>
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:JsonReader IDProperty="ID">
<Fields>
<ext:RecordField Name="ID" />
<ext:RecordField Name="Code" />
<ext:RecordField Name="Name" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<Template ID="Template1" runat="server">
<Html>
<tpl for=".">
<div class="x-combo-list-item">{Code:htmlEncode} - {Name:htmlEncode}</div>
</tpl>
</Html>
</Template>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" Qtip="Bỏ chọn" />
</Triggers>
<Listeners>
<Select Handler="this.triggers[0].show();" />
<BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
</Listeners>
<DirectEvents>
<Select OnEvent="OnCountrySelect">
</Select>
</DirectEvents>
</ext:ComboBox>
<ext:ComboBox ID="cboCity" runat="server" Width="200" FieldLabel="Tỉnh thành" DisplayField="DisplayName"
ValueField="ID" TypeAhead="true" Mode="Local" Editable="true" ForceSelection="true"
TriggerAction="All" EmptyText="Chọn tỉnh, thành" SelectOnFocus="true" LabelSeparator="<font color=red>*</font>"
LoadingText="Đang tải dữ liệu ...">
<Store>
<ext:Store ID="storeCity" runat="server">
<Reader>
<ext:JsonReader IDProperty="ID">
<Fields>
<ext:RecordField Name="ID" />
<ext:RecordField Name="Name" />
<ext:RecordField Name="DisplayName" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<Template ID="Template2" runat="server">
<Html>
<tpl for=".">
<div class="x-combo-list-item">{Name:htmlEncode} - {DisplayName:htmlEncode}</div>
</tpl>
</Html>
</Template>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" Qtip="Bỏ chọn" />
</Triggers>
<Listeners>
<Select Handler="this.triggers[0].show();" />
<BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
</Listeners>
</ext:ComboBox>
</form>
</body>
</html>
and behind code:
Code:
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
var systemConfigService = ServiceFacade.CreateSystemConfigService();
var catalogService = ServiceFacade.CreateCatalogService();
var cityService = ServiceFacade.CreateCityService();
var countries =
(List<Catalog>) catalogService.GetCatalogByTypeDisplayOrder((int) Constants.CatalogType.National).Source;
var storeCountry = cboCountry.Store.Primary;
storeCountry.DataSource = countries;
storeCountry.DataBind();
var selectedCountryId = ((Catalog)
catalogService.GetCatalogByCode(
systemConfigService.GetByKey(Constants.SystemConfigKey.DEFAULT_NATIONAL))
.Source).ID;
cboCountry.SelectedItem.Value = selectedCountryId.ToString();
var cities = (List<City>) cityService.GetByCountry(selectedCountryId).Source;
var storeCity = cboCity.Store.Primary;
storeCity.DataSource = cities;
storeCity.DataBind();
}
}
protected void OnCountrySelect(object sender, DirectEventArgs e)
{
var cityService = ServiceFacade.CreateCityService();
var cities = (List<City>)cityService.GetByCountry(new Guid(cboCountry.SelectedItem.Value)).Source;
var storeCity = cboCity.Store.Primary;
storeCity.DataSource = cities;
storeCity.DataBind();
}
My problem is:
1. i want to reload the second combo box when the first combo box is selected.
2. can i use the paging for my combo box ???
Regards,
Huy
