How to get user-input through ModelPopup for the Datalist items.

Question

0.00/5 (No votes)

See more:

I have a datalist to display Listof Product.
When user click on any of the product a Pop-up will open with
a Label(ProductName), a textbox and a OkButton. Upto here it is working.
But I am unable to get the user input from the textBox after clicking OK button.
It is returning the initial default value of textbox every time.

-------------------------------------------------------------------------------------------

XML

<asp:DataList ID="DataList1" runat="server"
            onitemdatabound="DataList1_ItemDataBound">

        <asp:LinkButton ID="LinkButton1" runat="server" Text ='<%# Bind("pro_Name")%>'></asp:LinkButton>
        <asp:Panel ID="panel_Popup" runat="server" Width ="200" Height ="200" style ="background-color :Lime; display :none ">
            <asp:Label ID="lblProduct" runat="server" Text='<%# Bind("pro_Name")%>'></asp:Label>
            <asp:TextBox ID="ModelTxt" runat="server" TextMode ="SingleLine" Text ="Enter a Text"></asp:TextBox>
            <asp:Button ID="OkButton" runat="server" Text="Ok" />
            <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
        </asp:Panel>
        <cc1:ModalPopupExtender ID="ModalPopupExtender2"  runat="server" TargetControlID ="LinkButton1"
        PopupControlID ="panel_Popup" BackgroundCssClass ="modelbackground" OkControlID ="OkButton"
        CancelControlID ="CancelButton" >


        </asp:DataList>
----------------------------------------------------------------------------------------
 protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
    {
        switch (e.Item.ItemType)
        {
            case ListItemType.AlternatingItem:
            case ListItemType.Item:
                 Button btn = (Button)e.Item.FindControl("OkButton");
                TextBox txt = (TextBox)e.Item.FindControl("ModelTxt");
                btn.Attributes.Add("onclick", "alert('" + txt.Text + "'); return false;");
                break;
        }
    }
-----------------------------------------------------------------------------------------

Please help me to populate a perfect popup window to accept user input for the datalist items.

Posted 18-Feb-11 19:30pm

SHAJANCHERIAN

Updated 18-Feb-11 19:32pm

Abdul Quader Mamun

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Albin Abel · Answer 1 · 2011-02-19T00:06:00

Hi

You are assign the current txt value to the alert in a static way. Javascript run at client side. So change your code to

btn.Attributes.Add("onclick", "alert(document.getElementById('" + txt.ClientID + "').value); return false;");

to get the value dynamically

To get the values of the ModelTxt box entered in the pop can be get in the code behind on the submit event. Once press the submit button (add a asp:button control to the aspx and in its click event)...have this code

C#

protected void Button1_Click(object sender, EventArgs e)
{
    Control ctrl=null;
    foreach (DataListItem Item in DataList1.Items)
    {
            ctrl = Item.FindControl("ModelTxt");

            if (ctrl !=null)
            {
                TextBox text1 = (TextBox)ctrl;
                string txt_entered_in_popup = text1.Text;
            }
        }



}