Jun 10, 2010, 11:35 AM
About Two Columns in combobox...
You mentioned about this in your example list and under 'new' highlight.
https://examples1.ext.net/#/Form/ComboBox/Two_Columns/
I couldnt succeed to get two column together, why? maybe it's because of this 'list-item' css.
i dont know, now i am pasting the code you declared in your web site
please help about this.
https://examples1.ext.net/#/Form/ComboBox/Two_Columns/
I couldnt succeed to get two column together, why? maybe it's because of this 'list-item' css.
i dont know, now i am pasting the code you declared in your web site
<%@ 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">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
this.Store1.DataSource = new object[]
{
new object[]{"AL", "Alabama", "The Heart of Dixie"},
new object[] { "AK", "Alaska", "The Land of the Midnight Sun"},
new object[] { "AZ", "Arizona", "The Grand Canyon State"},
new object[] { "AR", "Arkansas", "The Natural State"},
new object[] { "CA", "California", "The Golden State"},
new object[] { "CO", "Colorado", "The Mountain State"},
new object[] { "CT", "Connecticut", "The Constitution State"},
new object[] { "DE", "Delaware", "The First State"},
new object[] { "DC", "District of Columbia", "The Nation's Capital"},
new object[] { "FL", "Florida", "The Sunshine State"},
new object[] { "GA", "Georgia", "The Peach State"},
new object[] { "HI", "Hawaii", "The Aloha State"},
new object[] { "ID", "Idaho", "Famous Potatoes"},
new object[] { "IL", "Illinois", "The Prairie State"},
new object[] { "IN", "Indiana", "The Hospitality State"},
new object[] { "IA", "Iowa", "The Corn State"},
new object[] { "KS", "Kansas", "The Sunflower State"},
new object[] { "KY", "Kentucky", "The Bluegrass State"},
new object[] { "LA", "Louisiana", "The Bayou State"},
new object[] { "ME", "Maine", "The Pine Tree State"},
new object[] { "MD", "Maryland", "Chesapeake State"},
new object[] { "MA", "Massachusetts", "The Spirit of America"},
new object[] { "MI", "Michigan", "Great Lakes State"},
new object[] { "MN", "Minnesota", "North Star State"},
new object[] { "MS", "Mississippi", "Magnolia State"},
new object[] { "MO", "Missouri", "Show Me State"},
new object[] { "MT", "Montana", "Big Sky Country"},
new object[] { "NE", "Nebraska", "Beef State"},
new object[] { "NV", "Nevada", "Silver State"},
new object[] { "NH", "New Hampshire", "Granite State"},
new object[] { "NJ", "New Jersey", "Garden State"},
new object[] { "NM", "New Mexico", "Land of Enchantment"},
new object[] { "NY", "New York", "Empire State"},
new object[] { "NC", "North Carolina", "First in Freedom"},
new object[] { "ND", "North Dakota", "Peace Garden State"},
new object[] { "OH", "Ohio", "The Heart of it All"},
new object[] { "OK", "Oklahoma", "Oklahoma is OK"},
new object[] { "OR", "Oregon", "Pacific Wonderland"},
new object[] { "PA", "Pennsylvania", "Keystone State"},
new object[] { "RI", "Rhode Island", "Ocean State"},
new object[] { "SC", "South Carolina", "Nothing Could be Finer"},
new object[] { "SD", "South Dakota", "Great Faces, Great Places"},
new object[] { "TN", "Tennessee", "Volunteer State"},
new object[] { "TX", "Texas", "Lone Star State"},
new object[] { "UT", "Utah", "Salt Lake State"},
new object[] { "VT", "Vermont", "Green Mountain State"},
new object[] { "VA", "Virginia", "Mother of States"},
new object[] { "WA", "Washington", "Green Tree State"},
new object[] { "WV", "West Virginia", "Mountain State"},
new object[] { "WI", "Wisconsin", "America's Dairyland"},
new object[] { "WY", "Wyoming", "Like No Place on Earth"}
};
this.Store1.DataBind();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Comboboxes</title>
<link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.cbStates-list
{
width: 298px;
font: 11px tahoma,arial,helvetica,sans-serif;
}
.cbStates-list th {
font-weight: bold;
}
.cbStates-list td, .cbStates-list th {
padding: 3px;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="abbr" />
<ext:RecordField Name="state" />
<ext:RecordField Name="nick" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
<ext:ComboBox
ID="cbStates"
runat="server"
EmptyText="Select State"
TypeAhead="true"
ForceSelection="true"
StoreID="Store1"
DisplayField="state"
ValueField="abbr"
MinChars="1"
ListWidth="300"
PageSize="10"
ItemSelector="tr.list-item">
<Template ID="Template1" runat="server">
<Html>
<tpl for=".">
<tpl if="[xindex] == 1">
<table class="cbStates-list">
<tr>
<th>State</th>
<th>Nick</th>
</tr>
</tpl>
<tr class="list-item">
<td style="padding:3px 0px;">{state}</td>
<td>{nick}</td>
</tr>
<tpl if="[xcount-xindex]==0">
</table>
</tpl>
</tpl>
</Html>
</Template>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" />
</Triggers>
<Listeners>
<BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) { el.focus().clearValue(); trigger.hide();}" />
<Select Handler="el.triggers[0].show();" />
</Listeners>
</ext:ComboBox>
</form>
</body>
</html>
please help about this.