Originally Posted by
SFritsche
I appreciate the reply. I decided to attempt to encapsulate the issue, and I am not getting the error message, but I am seeing a new problem. I used the example at
https://examples2.ext.net/#/Form/Com...rop_Down_List/. Here is the <ItemTpl> section that illustrates my new problem:
<ItemTpl runat="server">
<Html>
<tpl for=".">
<tpl if="xindex == 1">
<table>
<tr>
<th>Index</th>
<th>State</th>
<th>Details</th>
</tr>
</tpl>
<tr class="list-item">
<td style="padding:3px 0px;">{[xindex]}</td>
<td style="padding:3px 0px;">{state}</td>
<td>{nick:ellipsis(15)}, {price:usMoney}</td>
</tr>
<tpl if="xcount-xindex==0">
</table>
</tpl>
</tpl>
</Html>
</ItemTpl>
See that the xindex is always rendering as "1" regardless on what record of the store that it is displaying. Is there something that has to be done in the store to get the xtemplate to see the proper 1-base record index?
Thanks.
-Steve
This happens because you are starting new loop by adding for=".", but you are already in ComboBox rendering loop. Please delete for from tpl tag and try again. Maybe this will help you to find the source of your problem. BTW, be careful with table markup. Look at this example:
<!DOCTYPE html>
<script runat="server">
protected void Page_Load(object sender, EventArgs e) {
this.Store1.DataSource = new object[]
{
new object[]{"AL", "Alabama", "The Heart of Dixie", 5.99},
new object[] { "AK", "Alaska", "The Land of the Midnight Sun", 5.99},
new object[] { "AZ", "Arizona", "The Grand Canyon State", 5.99}
};
this.Store1.DataBind();
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Comboboxes - Ext.NET Examples</title>
<style type="text/css">
.list-item
{
font: normal 11px tahoma, arial, helvetica, sans-serif;
padding: 3px 10px 3px 10px;
border: 1px solid #fff;
border-bottom: 1px solid #eeeeee;
white-space: normal;
color: #555;
}
.list-item h3
{
display: block;
font: inherit;
font-weight: bold;
margin: 0px;
color: #222;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:ComboBox runat="server" Width="250" Editable="false" DisplayField="state" ValueField="abbr"
TypeAhead="true" QueryMode="Local" ForceSelection="true" TriggerAction="All"
EmptyText="Select a state..." SelectOnFocus="true">
<Store>
<ext:Store ID="Store1" runat="server">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="abbr" />
<ext:ModelField Name="state" />
<ext:ModelField Name="nick" />
<ext:ModelField Name="price" Type="Float" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ListConfig>
<ItemTpl runat="server">
<Html>
<tpl><%--<tpl for=".">--%>
{[xindex]}.{abbr}
</tpl>
</Html>
</ItemTpl>
</ListConfig>
</ext:ComboBox>
</form>
</body>
</html>
