Script che non funziona con .net

**pasqualissimo** · 08-12-2011, 18:54

salve a tutti, ho un problema, e spero che qualcuno mi possa aiutare...

in una pagina asp ho questo codice che mi funziona perfettamente

codice:

 <input id="autocomplete" />

    <script type="text/javascript">
        var autocomplete = $("#autocomplete").kendoAutoComplete(["ciao"]);
     </script>

ma a me serve un textbox che, allo stesso modo , mi faccia funzionare questo piccolo script...
in questo modo non funziona...

codice:

.....
 <asp:TextBox runat="server" ID="tipologia_des"></asp:TextBox>

 <script type="text/javascript">
  var aut = $("#tipologia_des").kendoAutoComplete([""]);
                    </script>
...

questo codice non funziona se con una master page...

Qualcuno mi potrebbe suggerire qualcosa??

ringrazio anticipatamente...

**pietro09** · 08-12-2011, 19:49

supponendo di avere

<asp:TextBox ID="tags" runat="server"></asp:TextBox>

non puoi utilizzare tags ma il suo ClientId

$( "#<%#Me.tags.ClientId %>" ).autocomplete({source: availableTags});

e, nell'evento load della pagina (prova nella master) metti: Me.Header.DataBind()

**pasqualissimo** · 08-12-2011, 20:06

grazie della risposta..
sto usando c#,

e comunque quel codice funziona perfettamente in una pagina senza la Master... magari sbaglio a collocare lo script...

per sicurezza l'ho messo proprio sotto il tag... ma niente

**pietro09** · 08-12-2011, 21:58

Adesso l'ho collaudata con una MasterPage

Nell'evento load della Master ho messo

Me.Page.Header.DataBind()

la traduzione in c# è compito tuo

il problema è che non si può usare l'id lato server pure lato client, perchè viene cambiato da asp.net, ma come da esempio

codice:

<%@ Page Title="" Language="VB" MasterPageFile="~/prove/MasterPage.master" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="prove_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="../js/jquery/jquery-ui/css/smoothness/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery/jquery-ui/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
// <![CDATA[

$(function() {
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#<%#Me.TextBox1.ClientId %>" ).autocomplete({
			source: availableTags
		});
	});

// ]]>
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</asp:Content>

**pasqualissimo** · 09-12-2011, 09:01

ho messo il seguente codice che

non funziona .... non sono espertissimo di questo ambiente...

codice:

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
       <script type="text/javascript">

$(function() {
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC"
					];
		$( "#<%#this.TextBox1.ClientId %>" ).autocomplete({
			source: availableTags
		});
	});

// ]]>
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</asp:Content>

Nella load della master ho messo:

codice:

This..Header.DataBind()

al debug. errore della riga:

$( "#<%#this.TextBox1.ClientId %>" ).autocomplete({
source: availableTags

**pasqualissimo** · 09-12-2011, 18:42

alllora....

questo codice

codice:

 <asp:TextBox ID="testo" runat="server"></asp:TextBox>

                 <script type="text/javascript">
                     var autocomplete = $("<%#testo.ClientID %>").kendoAutoComplete(["Item1", "Item2"]);
                 </script>

... questo

codice:

 <asp:TextBox ID="testo" runat="server"></asp:TextBox>

                 <script type="text/javascript">
                     var autocomplete = $("<%#testo.ID %>").kendoAutoComplete(["Item1", "Item2"]);
                 </script>

... e ho provato anche questo...

codice:

<asp:TextBox ID="testo" runat="server"></asp:TextBox>

                 <script type="text/javascript">
                     var autocomplete = $("<%#testo.UniqueID %>").kendoAutoComplete(["Item1", "Item2"]);
                 </script>

mi danno tutti lo stesso risultato... cioè una normale textbox!!!

tutto funziona solo se:

1 - il codice lo metto su una pagina non collegata alla master
2 - se metto una semplice <input />

ma che succede???

ringrazio in anticipo

**pietro09** · 09-12-2011, 18:45

senti, perchè non metti la le due pagine, ma ridotte all'osso, in modo da replicare il problema?
Fatti una Master semplice ed una content semplice, metti il codice e posta.

**pasqualissimo** · 09-12-2011, 19:13

Site1.Master.cs:

codice:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace TestScript
{
    public partial class Site1 : System.Web.UI.MasterPage
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Page.Header.DataBind();
        }
    }
}

Site1.Master

codice:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="TestScript.Site1" %>

<!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 runat="server">

    <title></title>
    <link href="Kendo_UI/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="Kendo_UI/styles/kendo.kendo.min.css" rel="stylesheet" type="text/css" />
    <script src="jQuery/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="Kendo_UI/js/kendo.all.min.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
   
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

default.aspx:

codice:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="TestScript._default" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
   <div>
<asp:TextBox ID="testo" runat="server"></asp:TextBox>

                 <script type="text/javascript">
                     var autocomplete = $("<%this.testo.ClientID %>").kendoAutoComplete(["Item1", "Item2"]);
                 </script>
  </div>                 
</asp:Content>

default.aspx.cs

codice:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace TestScript
{
    public partial class _default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
          
        }
    }
}

Grazie Pietro09

**pietro09** · 09-12-2011, 19:26

Ho provato così e mi va. Di più non so

Master

codice:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="prove_MasterPage" %>

<!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 runat="server">
    <title></title>
    <link href="../js/jquery/jquery-ui/css/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery/jquery-min.js" type="text/javascript"></script>
    <script src="../js/jquery/jquery-ui/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

Master codice

codice:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class prove_MasterPage : System.Web.UI.MasterPage
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Page.Header.DataBind();
    }
}

Content

codice:

<%@ Page Title="" Language="C#" MasterPageFile="~/prove/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="prove_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script type="text/javascript">
// <![CDATA[
$(function() {
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#<%# this.testo.ClientID %>" ).autocomplete({
			source: availableTags
		});
	});



// ]]>
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:TextBox ID="testo" runat="server"></asp:TextBox>
</asp:Content>

**pasqualissimo** · 09-12-2011, 23:09

Grazie pietro.....

Ora va alla grande....

Discussione: Script che non funziona con .net

Strumenti discussione

Ricerca discussione

Visualizza

script che non funzione con .net

Permessi di invio