Files
MoonPro.net/MP-TAB/Test.aspx
T
Samuele E. Locatelli 10bf242d4f aggiunta css x typeahead
2018-07-18 18:22:32 +02:00

59 lines
2.5 KiB
Plaintext

<%@ Page Title="" Language="C#" MasterPageFile="~/WebMasterPages/Bootstrap.Master" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="MoonProTablet.Test" %>
<%--<%@ Register Src="~/WebUserControls/mod_controlliProd.ascx" TagPrefix="uc1" TagName="mod_controlliProd" %>
<%@ Register Src="~/WebUserControls/mod_regScarti.ascx" TagPrefix="uc1" TagName="mod_regScarti" %>
<%@ Register Src="~/WebUserControls/mod_confProd.ascx" TagPrefix="uc1" TagName="mod_confProd" %>--%>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
<div class="container">
<%--<uc1:mod_regScarti runat="server" ID="mod_regScarti" />
<uc1:mod_controlliProd runat="server" ID="mod_controlliProd" />
<uc1:mod_confProd runat="server" ID="mod_confProd" />--%>
Prova typeahead
<div id="bloodhound">
<input class="typeahead" type="text" placeholder="States of USA">
<input id="queryCode" name="queryCode" />
</div>
<script>
var statesList = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
];
// constructs the suggestion engine
var states = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
// `states` is an array of state names defined in "The Basics"
local: statesList
});
$('#bloodhound .typeahead').typeahead({
hint: true,
highlight: true,
minLength: 1
},
{
name: 'states',
source: states
}
);
//$('#bloodhound .typeahead').on('typeahead:selected',
// function (e, datum) {
// $("#queryCode").val(datum.name);
// });
</script>
<asp:TextBox ID="hfCustomerId" runat="server" />
</div>
</asp:Content>