Dec 03, 2010, 12:08 PM
Grid x Webservice x ComboBox
Hello Everybody,
I have a new problem.
I try explain,
1 - I use Viewport with two panels, Top and Center;
2 - In Center Panel i use GridView;
3 - In Top Panel i use a ComboBox to eneable WebService.
I don't know
1 - This page, i can't clear ComboBox after select item. I think the viewport break ComboBox events;
Why i use ComboBox to eneable webservice? Because i don't know eneable Webservice using others components.
I need:
1 - When i select item, i put value in ComboBox or better send this value to WebService;
2 - When i press special keys (enter or tab) i send this value to WebService
Thanks
I have a new problem.
I try explain,
1 - I use Viewport with two panels, Top and Center;
2 - In Center Panel i use GridView;
3 - In Top Panel i use a ComboBox to eneable WebService.
I don't know
1 - This page, i can't clear ComboBox after select item. I think the viewport break ComboBox events;
Why i use ComboBox to eneable webservice? Because i don't know eneable Webservice using others components.
I need:
1 - When i select item, i put value in ComboBox or better send this value to WebService;
2 - When i press special keys (enter or tab) i send this value to WebService
Thanks
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Portaria.Search.WebForm1" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" 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">
<head id="Head1" runat="server">
<title>Visitantes</title>
</head>
<body>
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<ext:Store ID="Store1" runat="server" AutoLoad="false">
<Proxy>
<ext:HttpProxy Method="POST" Url="Controls/VisitorSS7.ashx" />
</Proxy>
<Reader>
<ext:JsonReader Root="visitor" TotalProperty="totalCount" >
<Fields>
<ext:RecordField Name="id" />
<ext:RecordField Name="name" />
<ext:RecordField Name="company" />
<ext:RecordField Name="identity" />
<ext:RecordField Name="cpf" />
<ext:RecordField Name="last_visit" />
<ext:RecordField Name="create" />
<ext:RecordField Name="last_visit_base" />
<ext:RecordField Name="create_base" />
<ext:RecordField Name="picture" />
<ext:RecordField Name="visitado" />
<ext:RecordField Name="mat_visitado" />
<ext:RecordField Name="autorizado" />
<ext:RecordField Name="mat_autorizado" />
<ext:RecordField Name="veiculo" />
<ext:RecordField Name="placa" />
<ext:RecordField Name="obs" />
<ext:RecordField Name="cracha" />
</Fields>
</ext:JsonReader>
</Reader>
<BaseParams>
<ext:Parameter Name="tp_search" Value="1" />
</BaseParams>
</ext:Store>
<ext:Store ID="Store2" runat="server" AutoLoad="false">
<Proxy>
<ext:HttpProxy Method="POST" Url="Controls/VisitorSS7.ashx" />
</Proxy>
<Reader>
<ext:JsonReader Root="visitor" TotalProperty="totalCount" >
<Fields>
<ext:RecordField Name="name" />
<ext:RecordField Name="company" />
<ext:RecordField Name="last_visit" />
<ext:RecordField Name="cracha" />
</Fields>
</ext:JsonReader>
</Reader>
<BaseParams>
<ext:Parameter Name="tp_search" Value="2" />
</BaseParams>
</ext:Store>
<ext:Viewport ID="ViewPort1" runat="server" onprerender="ViewPort1_PreRender">
<Body>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North>
<ext:Panel ID="Panel1" runat="server" Border="false" Height="120" Padding="20" Title="Consulta Visitantes">
<Body>
<div style="width:570px;">
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
<h3 style="margin-bottom:5px;">Verificação de Visitantes</h3>
<ext:ComboBox
ID="ComboBox1"
runat="server"
StoreID="Store2"
DisplayField="cracha"
ValueField="cracha"
LoadingText="EXECUTE..."
Width="200"
TypeAhead="false"
HideTrigger="true"
ClearCls="true"
PageSize="10"
ItemSelector="div.search-item"
MinChars="4" TabIndex="0" EmptyText="Numero Crachá"
OnItemSelected="ComboBox1_ItemSelected"
OnTriggerClicked="ComboBox1_ItemSelected"
OnValueChanged="ComboBox1_ValueChange"
AutoPostBack="True">
<Template ID="Template1" runat="server">
<tpl for=".">
<div class="search-item">
<h3>{name}</h3>
Empresa : {company}
</div>
</tpl>
</Template>
<Listeners>
<SelectedItem></SelectedItem>
</Listeners>
</ext:ComboBox>
<div style="padding-top:4px;">
Digite o número do cracha para encerrar a visita
</div>
</div></div></div>
<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
</div>
</Body>
</ext:Panel>
</North>
<Center>
<ext:GridPanel runat="server" ID="GridPanel1" Title="Grid Visitantes"
StoreID="Store1" Frame="true">
<ColumnModel runat="server">
<Columns>
<ext:Column ColumnID="Name" DataIndex="name" Header="Nome" Width="250" />
<ext:Column ColumnID="Company" DataIndex="company" Header="Empresa" Width="150" />
<ext:Column DataIndex="last_visit" Header="Ultima Visita" Width="115">
<Renderer Fn="Ext.util.Format.dateRenderer('d/m/Y H:i:s')" />
</ext:Column>
<ext:Column DataIndex="visitado" Header="Visitou" Width="125" />
<ext:Column DataIndex="autorizado" Header="Autorizou" Width="125" />
<ext:Column DataIndex="cracha" Header="Cracha" />
<ext:Column DataIndex="base" Header="Base" />
</Columns>
</ColumnModel>
<LoadMask ShowMask="true" />
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" SingleSelect="true" runat="server">
<Listeners>
<RowSelect Handler="#{btnEncerrar}.enable();" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
<Buttons>
<ext:Button ID="btnEncerrar" runat="server" Text="Encerrar" Icon="Delete" Disabled="true">
<Listeners>
<Click Handler="var rowindex = GridPanel1.getSelectionModel().getSelected().get('cracha');
alert(rowindex);
alert('1'); GridPanel1.reload(); alert('2');" />
</Listeners>
</ext:Button>
<ext:Button ID="Button3" runat="server" Text="Save" Icon="Disk">
<Listeners>
<Click Handler="" />
</Listeners>
</ext:Button>
<ext:Button ID="Button5" runat="server" Text="Refresh" Icon="ArrowRefresh">
<Listeners>
<Click Handler="#{GridPanel1}.reload();" />
</Listeners>
</ext:Button>
</Buttons>
</ext:GridPanel>
</Center>
</ext:BorderLayout>
</Body>
</ext:Viewport>
</body>
</html>
Last edited by LLdeOJ; Dec 03, 2010 at 12:29 PM.